title: How can I disable one button of a jQuery-UI buttonset?
body: <p>Example here:</p>
  
  <p><a href="http://jsfiddle.net/UVHtu/19/" rel="nofollow">http://jsfiddle.net/UVHtu/19/</a></p>
  
  <p>I need to fill in the blank:</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div id="options"&gt;
      &lt;input type="radio" id="op_a" name="op" value="a" /&gt;
      &lt;label for="op_a"&gt;Option A&lt;/label&gt;
      &lt;input type="radio" id="op_b" name="op" value="b" /&gt;
      &lt;label for="op_b"&gt;Option B&lt;/label&gt;
      &lt;input type="radio" id="op_c" name="op" value="c" /&gt;
      &lt;label for="op_c"&gt;Option C&lt;/label&gt;
  &lt;/div&gt;
  &lt;input type="button" id="disable_button" value="Disable Option B" /&gt;
  ​
  </code></pre>
  
  <p><strong>JavaScript:</strong></p>
  
  <pre><code>$("#options").buttonset();
  
  $("#disable_button").click(function(){
      // What goes here to disable option B?
  });
  </code></pre>
  
  <p>​</p>