title: Disabling radio buttons with jQuery
body: <p>I'm trying to disable these radio buttons when a the loadActive link is clicked but for some reason it only disables the first in the order and then skips the rest.</p>
  
  <pre><code>&lt;form id="chatTickets" method="post" action="/admin/index.cfm/"&gt;
      &lt;input id="ticketID1" type="radio" checked="checked" value="myvalue1" name="ticketID"/&gt;
      &lt;input id="ticketID2" type="radio" checked="checked" value="myvalue2" name="ticketID"/&gt;
  &lt;/form&gt;
  &lt;a href="#" title="Load ActiveChat" id="loadActive"&gt;Load Active&lt;/a&gt;
  </code></pre>
  
  <p>And Here is the jquery i'm using:</p>
  
  <pre><code>jQuery("#loadActive").click(function() {
      //I have other code in here that runs before this function call
      writeData();
  });
  function writeData() {
      jQuery("input[name='ticketID']").each(function(i) {
      jQuery(this).attr('disabled', 'disabled');
  });
  }
  </code></pre>