title: Radio buttons - show DIV based on checked button with jQuery
body: <p>I am trying to achieve the following - from a list of questions each with 4 multiple choice answers I need to show whether the user has answered correctly (immediately) by showing whether it was correct or incorrect once a radio button has been pressed.</p>
  
  <p>Here is an example of a question:</p>
  
  <pre><code>&lt;ol&gt;
  &lt;li id="question_one"&gt;
  &lt;p&gt;&lt;input type="radio" name="question_1" value="answer_1" /&gt;Corn&lt;/p&gt;
  &lt;p&gt;&lt;input type="radio" name="question_1" value="answer_2" /&gt;Cotton&lt;/p&gt;
  &lt;p&gt;&lt;input type="radio" name="question_1" value="answer_3" /&gt;Rice&lt;/p&gt;
  &lt;p&gt;&lt;input type="radio" name="question_1" value="answer_4" /&gt;Soybeans&lt;/p&gt;
  &lt;/li&gt;
  &lt;/ol&gt;
  
  &lt;div id="q1_answer_1" class="show_answer"&gt;Corn 11.0%&lt;/div&gt;
  &lt;div id="q1_answer_2" class="show_answer"&gt;Cotton 2.5%&lt;/div&gt;
  &lt;div id="q1_answer_3" class="show_answer"&gt;Rice 11.0%&lt;/div&gt;
  &lt;div id="q1_answer_4" class="show_answer"&gt;Soybeans 7.0%&lt;/div&gt;
  </code></pre>
  
  <p>And the resulting jquery:</p>
  
  <pre><code>$("#question_one input:radio:eq(answer_1)").click(function(){
  $("#q1_answer_1").show(100);
  });
  
  $("#question_one input:radio:eq(answer_2)").click(function(){
  $("#q1_answer_2").show(100);
  });
  
  $("#question_one input:radio:eq(answer_3)").click(function(){
  $("#q1_answer_3").show(100);
  });
  
  $("#question_one input:radio:eq(answer_4)").click(function(){
  $("#q1_answer_4").show(100);
  });
  </code></pre>
  
  <p>I believe this won't work because <code>eq()</code> will only work for numeric values?  Is there an equivalent of <code>eq()</code> that will work for input values? Or any other suggestions as to how the above might work?</p>
  
  <p>Many thanks</p>