title: Append table row with check-box
body: <p>my function:</p>
  
  <pre><code>$("#btn2").click(function(){
      var n = $( '#t01 tr' ).length;
      $("table").append("&lt;tr&gt;&lt;td&gt;&lt;input type="checkbox" name="Check" value= "1"&gt;&lt;/input&gt;&lt;/td&gt;&lt;td&gt;"+ n +"&lt;/td&gt;&lt;td&gt;"+ $("#team_name").val() +"&lt;/td&gt;&lt;/tr&gt;");
  });
  </code></pre>
  
  <p>The problem is the <code>&lt;input&gt;</code>-Tag. I have also tried:</p>
  
  <pre><code>"&lt;tr&gt;&lt;td&gt;&lt;input type=\"checkbox\" name=\"Check\" value= \"1\"&gt;&lt;/input&gt;&lt;/td&gt;&lt;td&gt;"+ n +"&lt;/td&gt;&lt;td&gt;"+ $("#team_name").val() +"&lt;/td&gt;&lt;/tr&gt;"
  </code></pre>
  
  <p>can anyone help me please</p>