title: JQuery Mobile refreshing checkbox works only once - .checkboxradio('refresh') issue
body: <p>I ran into a strange problem. I've got a table with a checkbox column. I'm using JQuery Mobile checkboxes. I want a click on a row to be associated with click on the checkbox in this row. </p>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$(document).on('pagecreate', function (event) {
      bindRowClick();
  });
  
  function bindRowClick() {
      $('.productTable').find('tr').click(function () {
          var chck = $(this).find('td.hyperLink').find('input[type=checkbox]:first');
          var chckStatus = chck.is(':checked');
          alert("chckStatus 1: " + chckStatus);
          alert("!chckStatus: " + !chckStatus);
          chck.attr('checked', !chckStatus).checkboxradio().checkboxradio('refresh');
          alert("chckStatus 2: " + chck.is(':checked'));
      });
  }
  </code></pre>
  
  <p><strong>HTML:</strong> this is inside <code>&lt;td class="hyperlink"&gt;</code></p>
  
  <pre><code>&lt;fieldset data-role="controlgroup" id="divCheckbox"&gt;
       &lt;asp:CheckBox runat="server" ID="checkboxSelect" CssClass="custom chckSelect" 
            meta:resourcekey="checkboxSelectResource1" /&gt;
       &lt;asp:Label ID="lblForChck" CssClass="lblForChck" AssociatedControlID="checkboxSelect" runat="server" 
            meta:resourcekey="lblForChckResource1" /&gt;
  &lt;/fieldset&gt;
  </code></pre>
  
  <p><strong>What's happening with when I click on row 1 time</strong> (checkbox was not selected until now):</p>
  
  <pre><code>first alert returns: "chckStatus 1: false"
  second alert returns: "!chckStatus: true"
  third alert returns: "chckStatus 2: true"
  </code></pre>
  
  <p><strong>What's happening with when I click on the <em>SAME</em> row 2 time (checkbox was selected previously):</strong></p>
  
  <pre><code>first alert returns: "chckStatus 1: true"
  second alert returns: "!chckStatus: false"
  third alert returns: "chckStatus 2: false"
  </code></pre>
  
  <p><strong>And now the strange part</strong> </p>
  
  <p>When I click again on the same row - instead of selecting the checkbox (like the first time) I've got the following result:</p>
  
  <pre><code>first alert returns: "chckStatus 1: true"
  second alert returns: "!chckStatus: false"
  third alert returns: "chckStatus 2: false"
  </code></pre>
  
  <p>What I found that might be connected to this issue:
  <a href="http://forum.jquery.com/topic/previously-working-checkboxradio-refresh-now-broken-in-a3" rel="nofollow">Previously working ".checkboxradio('refresh')" now broken in a3</a></p>