title: fastest way to get the checked radio button using jquery
body: <p>I wanted to get the selected radio button and display the text that corresponds the radio button using jquery. </p>
  
  <pre><code>&lt;div id="Poll"&gt;
      &lt;div id="PollQuestion"&gt;Your favorite color?&lt;/div&gt;
      &lt;ul&gt;
          &lt;li class="liAnswer"&gt;
              &lt;input type="radio" value="1" name="Answer" class="clsAnswer"/&gt;
              &lt;span&gt;Red&lt;/span&gt;
          &lt;/li&gt;
          &lt;li class="liAnswer"&gt;
              &lt;input type="radio" value="2" name="Answer" class="clsAnswer"/&gt;
              &lt;span&gt;Blue&lt;/span&gt;
          &lt;/li&gt;
          &lt;li class="liAnswer"&gt;
              &lt;input type="radio" value="3" name="Answer" class="clsAnswer"/&gt;
              &lt;span&gt;Green&lt;/span&gt;
          &lt;/li&gt;
          &lt;li class="liAnswer"&gt;
              &lt;input type="radio" value="4" name="Answer" class="clsAnswer"/&gt;
              &lt;span&gt;Yellow&lt;/span&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
      &lt;input type="button" value="Submit Vote" id="btnVote"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>First, check if there is no selected color and then display the selected color and the corresponding value.</p>
  
  <p>How can I do that?</p>
  
  <p>Here is my code in jsfiddle<br>
  <a href="http://jsfiddle.net/LhFPD/1/" rel="nofollow">http://jsfiddle.net/LhFPD/1/</a></p>