jquery changing the href attribute of an anchor link
<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>
