title: jquery changing the href attribute of an anchor link
body: <p>I have a link whose href attribute should be changed based upon the radio button option selected. <a href="http://jsfiddle.net/WTFf6/22/" rel="nofollow">Here</a> is the link to the code</p>
  
  <p>I see that the href attribute is changed via firebug, but when clicked upon, it does not go to the new link. What could be the issue here?</p>
  
  <p>The HTML:</p>
  
  <pre><code>&lt;a id="urlTest" title="Checkout" href="yahoo.com"&gt;Checkout&lt;/a&gt;
  
  &lt;p&gt;&lt;input type="radio" value="www.apple.com" name="url"&gt;Change to apple&lt;/p&gt;
  
  &lt;p&gt;&lt;input type="radio" value="www.google.com" name="url"&gt;Change to google&lt;/p&gt;
  </code></pre>
  
  <p>The JavaScript</p>
  
  <pre><code>$(document).ready(function(){
      $('input[name=url]').bind('click', function () {
          $("#urlTest").attr("href",$(this).val());
      }
  });
  </code></pre>