title: How to clear text inside text field when radio button is select
body: <p>Currently I have this radio buttons</p>
  
  <ol>
  <li>Eletronics</li>
  <li>Computers</li>
  <li>Others</li>
  </ol>
  
  <p>What I am trying to do is, if radio button <code>Others</code> is selected, I would like to display an input text field and let the user type.</p>
  
  <p>What I would like to do is, when I select <code>Others</code> and type something inside the input field, then when I choose back to <code>Eletronics</code> or <code>Computers</code>, I would like to clear the text that I wrote inside input field.</p>
  
  <p>Please kindly provide me with the solution of JavaScript or jQuery. </p>
  
  <p>Here is my code sample. Please kindly check it: <a href="http://jsfiddle.net/dnGKM/" rel="nofollow">http://jsfiddle.net/dnGKM/</a></p>