title: jQuery to disable/enable textarea depending on which radio button is selected inside of loop
body: <p>I have the following form fields. If the radio button <code>(travel_yes/no_##)</code> is changed from <code>No</code> to <code>Yes</code>, then the following textarea <code>(travelDetails_#)</code> should become enabled.  If they change it back to No, then the textarea should be disabled again.  I'd like to stay away from using <code>.next()</code> or <code>.find()</code> for performance since I know my ID values will be unique (also the location of the textarea fields may change).</p>
  
  <p><strong>UPDATED:  RADIO BUTTONS SHOULD BE GROUPS PER SET, NOT ALL TOGETHER</strong></p>
  
  <pre><code>&lt;div class="controls"&gt;
      &lt;label class="radio inline"&gt;
          &lt;input type="radio" name="travel1" data-travelNumber="1" id="travel_yes_1" value="Yes" tabindex="25" &gt;
          Yes 
      &lt;/label&gt;
      &lt;label class="radio inline"&gt;
          &lt;input name="travel1" type="radio" data-travelNumber="1" id="travel_no_1" value="No" tabindex="26" checked &gt;
          No
      &lt;/label&gt;
  &lt;/div&gt;
  &lt;div class="controls"&gt;
      &lt;textarea name="travelDetails" id="travelDetails_1" &gt;&lt;/textarea&gt;
  &lt;/div&gt;
  
  &lt;div class="controls"&gt;
      &lt;label class="radio inline"&gt;
          &lt;input type="radio" name="travel2" data-travelNumber="2" id="travel_yes_2" value="Yes" tabindex="25" &gt;
          Yes
      &lt;/label&gt;
      &lt;label class="radio inline"&gt;
          &lt;input name="travel2" type="radio" data-travelNumber="2" id="travel_no_2" value="No" tabindex="26" checked &gt;
          No
      &lt;/label&gt;
  &lt;/div&gt;
  &lt;div class="controls"&gt;
      &lt;textarea name="travelDetails" id="travelDetails_2"&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  
  
  &lt;div class="controls"&gt;
      &lt;label class="radio inline"&gt;
          &lt;input type="radio" name="travel3" data-travelNumber="3" id="travel_yes_3" value="Yes" tabindex="25" &gt;
          Yes
      &lt;/label&gt;
      &lt;label class="radio inline"&gt;
          &lt;input name="travel3" type="radio" data-travelNumber="3" id="travel_no_3" value="No" tabindex="26" checked &gt;
          No
      &lt;/label&gt;
  &lt;/div&gt;
  &lt;div class="controls"&gt;
      &lt;textarea name="travelDetails" id="travelDetails_3"&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is my jQuery code that ISN'T working.</p>
  
  <pre><code>$("[data-travelNumber]").each(function() {
      var $this = $(this), limit = +$(this).data("travelNumber");
      $("input:radio[name=travel]:checked").live('click',function(){
          if ( $(this).val() === 'Yes' )
              $('#travelDetails_' + limit).removeAttr('disabled');
          else
              $('#travelDetails_' + limit).attr("disabled", "enabled");
          });
      });
  });
  </code></pre>