title: How to render a jQuery mobile checkbox within a knockout foreach loop?
body: <p>I seem to be having difficulties rendering a standard jQuery checkbox when I am inside a knockout foreach loop.</p>
  
  <p>It looks fine using standard code like this:</p>
  
  <pre><code>&lt;input type="checkbox" data-theme="c" name="checkbox-1" id="checkbox-1" class="custom" data-bind="checked: error, click: acceptChanges" /&gt;
  &lt;label for="checkbox-1"&gt;Error&lt;/label&gt;
  &lt;input type="checkbox" data-theme="c" name="checkbox-2" id="checkbox-2" class="custom" data-bind="checked: information, click: acceptChanges" /&gt;
  &lt;label for="checkbox-2"&gt;Information&lt;/label&gt;
  </code></pre>
  
  <p>But when I try this within a foreach loop it renders very small!</p>
  
  <pre><code>&lt;!-- ko foreach: selectedLogTypes --&gt;
          &lt;input type="checkbox" data-theme="c" class="custom" 
              data-bind="jqmChecked: isSelected, attr: { 'id': 'checkbox_' + $index(), 'name': 'checkbox_' + $index() }" /&gt;
          &lt;label data-bind="text: logType, attr: { 'for': 'checkbox_' + $index() }"&gt;&lt;/label&gt;
  &lt;!-- /ko --&gt;
  </code></pre>
  
  <p>Here is the link to a fiddle sample demonstrating the problem.</p>
  
  <p><a href="http://jsfiddle.net/mheere/A33Ng/1/" rel="nofollow">http://jsfiddle.net/mheere/A33Ng/1/</a></p>
  
  <p>Any help much appreciated!</p>