Updating Span based on Radio Button Choice
<p>I made this jsfiddle: <a href="http://jsfiddle.net/6tZmc/1/" rel="nofollow">http://jsfiddle.net/6tZmc/1/</a></p>

<p>Basically, I would like to update an empty span based on radio button choice. Here is the code: </p>

<p><strong>html</strong></p>

<pre><code>&lt;div&gt;
&lt;p&gt;Your chose: &lt;span id="animal"&gt;&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;h2&gt;Pick an Animal:&lt;/h2&gt;
&lt;input type="radio" name="pets" value="cat" /&gt;Cats&lt;br /&gt;
&lt;input type="radio" name="pets" value="dog" /&gt;Dogs
&lt;/div&gt;
</code></pre>

<p><strong>jQuery</strong>:</p>

<pre><code>function petChoice(){
    var chosenPet = $('input[name="pets"]:checked').val();
    if(chosenPet = 'cat'){
        $("span#animal").text();
        $("span#animal").text("Cats");
    }else if (chosenPet = 'dog'){
        $("span#animal").text();
        $("span#animal").text("Dogs");
    }else{
        $("span#animal").text();
    }
}
$("input[name='pets']").click(function(){
    petChoice();
});
</code></pre>

<p>Thanks in advance</p>
