Table refresh

Table refresh

I have this code

  var tbl = "<table id='tclean'><thead></thead><tbody id='tbody'></tbody></table>";
  $(tbl).appendTo('body');
  coptions = "<td><select name='slider-flip-m' id='slider-flip-m' data-role='slider' data-mini='true'>"+
              "<option value='off'>Nee</option>"+
              "<option value='on' selected=''>Ja</option>"+
             "</select></td>"+
             "<td><select name='slider-flip-m' id='slider-flip-m' data-role='slider' data-mini='true'>"+
              "<option value='off' selected>Nee</option>"+
              "<option value='on' >Ja</option>"+
             "</select></td>";
  console.log ("./index.php?-action=showquestion&sectionID="+ sectionID );          
  $.getJSON("./index.php?-action=showquestion&sectionID="+ sectionID,function(result){
    $.each(result, function(i, field){
      chtml = "<tr id='" + field.questionID + "'>";
      chtml += "<td>"+ field.questiontext+"</td>"
      chtml += coptions;
      chtml += "</tr>";
      $("#tbody").append(chtml) ;
    });
  });
  $("#tclean").table("refresh");
  $('#slider-flip-m').val('Ja').slider("refresh");


























so it should be but I have this



So how can this be solved. I googled on table refresh but nothing of my trials are working properly.

John