title: How to make radio button selected using span values?
body: <p>am having a coding like this, i want to make the radio button get selected when user enters the character count match in span value, i don't have any id for span, and radio button. am having only class name and it listed the ul. I want to do this by jquery. </p>
  
  <pre><code>Enter your name: &lt;input type="text"&gt;
  &lt;div class="attribute_list"&gt; 
      &lt;ul&gt;                                                                                 
          &lt;li&gt;&lt;input type="radio" value="22" name="group_5" class="attribute_radio"&gt;&lt;span&gt;10&lt;/span&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;ul&gt;                                                                                 
          &lt;li&gt;&lt;input type="radio" value="23" name="group_5" class="attribute_radio"&gt;&lt;span&gt;14&lt;/span&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>my jquery is like this,</p>
  
  <pre><code>&lt;script&gt;
      $(document).ready(function(){
        $("input").keyup(function(){
          var y=$("input").val();
          var x=$(".attribute_list span").html();   
          if(x==y)
          {
            alert(x);
          }
        });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>instead of alert, i need to make that radio button get selected. any help please..</p>
  
  <p>Here is JSFiddle : <a href="http://jsfiddle.net/manibtechit/DDHBE/" rel="nofollow">http://jsfiddle.net/manibtechit/DDHBE/</a></p>