title: disable all the radio button with same name
body: <p>I have a 2 set of radio button, if one of the option is selected other radio in the same group have to disabled.</p>
  
  <pre><code>&lt;div class="question_container"&gt;
  &lt;p class="questions"&gt;Question about stuff?&lt;/p&gt;  &lt;span class="group" style="inline-block;"&gt;
      &lt;label&gt;
      &lt;input id="id_radio1" class="incorrect" type="radio" name="group1" value="Answer 1" /&gt;Answer 1
      &lt;/label&gt;
      &lt;label&gt;
      &lt;input id="id_radio2" class="correct" type="radio" name="group1" value="Answer 2" /&gt;Answer 2
      &lt;/label&gt;
      &lt;label&gt;
      &lt;input id="id_radio3" class="incorrect" type="radio" name="group1" value="Answer 3" /&gt;Answer 3
      &lt;/label&gt;
      &lt;label&gt;
      &lt;input id="id_radio4" class="incorrect" type="radio" name="group1" value="Answer 4" /&gt;Answer 4
      &lt;/label&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p></p>
  
  
      Question about stuff?</p>  
          
          Answer 1
          
          
          Answer 2
          
          
          Answer 3
          
          
          Answer 4
          
      
  
  
  
  <pre><code>$("input[type=radio]").click(function () {
  var Radio = $(this);
  var GetGroup = Radio.parents(".group");
  GetGroup.find("label").css({
      "background-color": "transparent"
  });
  
  if (Radio.attr("class") == 'correct') {
  
      Radio.parent().css({
          "background-color": "green"
      });
  } else Radio.parent().css({
      "background-color": "red"
  });
  </code></pre>
  
  <p>});</p>
  
  <p><a href="http://jsfiddle.net/abhilashrajrs/ce0nun56/" rel="nofollow">Demo</a></p>