title: jQuery change Radio Button value..weird one
body: <p>I have this weird problem, may be i am overlooking something but this is making me crazy.
  In my application i don't want user to select more than 30 items so after 30 if user clicks further radio button i don't want him to do so.</p>
  
  <p>Problem is if i get the name of radio button by jquery and then set the value of that radio button , it doesn't work but if i hardcode the same name then it does work</p>
  
  <p>Here is the Jsfiddle example.
  <a href="http://jsfiddle.net/s7GeZ/2/" rel="nofollow">http://jsfiddle.net/s7GeZ/2/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;span class="radiobut4" &gt;
    Ignore &lt;input type="radio" value="ignore" name="art_52643" id="52643" &gt;
    Visible &lt;input type="radio" value="visible" name="art_52643" id="52643" &gt;
    Invisible &lt;input type="radio" value="invisible" name="art_52643" id="52643"&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>Java Script: </p>
  
  <pre><code>$('input:radio').live("change",function (event){
  var radioName = $(this).attr("name");
      alert(radioName);
      $("input:radio[name='+radioName+'][value ='ignore']").prop('checked', true);
     // $("input:radio[name='art_52643'][value ='ignore']").prop('checked', true);
  </code></pre>
  
  <p>});</p>
  
  <p>Just comment/uncomment last two lines to see the problem. </p>
  
  <p>Any kind of help would be appreciated.</p>