javascript - bootstrap switch does not work for dynamically created checkbox input -

i have following combination of scripts : jquery, bootstrap, modernizer, json2html.

calling :

<script>    $('#my01switch').bootstrapswitch({             ontext: 'on',             offtext: 'off',             size: 'large',             oncolor: 'success',             offcolor: 'warning',             labeltext: '*'         });     </script> 

just before closing body tag, on :

<input name="my01switch" id="my01switch" data-toggle="switch" checked="" type="checkbox"> 

the above dynamically generated input tag.

please help.

check if document ready before execute bootstrap switch plugin:

$(document).ready(function() {     //code }); 

update switch checkbox code:

add class checkbox

<input name=\"my01switch\" id=\"my01switch\" type=\"checkbox\"  data-toggle=\"switch\" checked=\"true\" class=\"custom-box\"/> 

update js code:

function renderrooms(json) {     if (json !== undefined) {          //.....          //$('#roomboxwrap').json2html(json, transforms.theroom);         $('#form-nav').json2html(json.rooms, transforms.menurooms);         $('#title_room_name').append(getroomname(json));          //after rooms loaded         $('.custom-box').bootstrapswitch();     } }