title: Textbox has to be cleared when display is none
body: <p>Users on my site can fill in a form with different subjects. If they fill in one of the subjects and they decide to select another subject the one he was filling in hides. And the other one opens. But when the user selects the same subject he filled in before it is still filled in. What I want to have is when the user decides to select another subject the old one hides AND clear all the information that is in with it. My code is like this but this is very simplified:</p>
  
  <pre><code>&lt;div class="steps"&gt;
  &lt;label for="example"&gt;Example&lt;/label&gt;
  &lt;input type="text" name="inputexample" id="inputexample" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And, here's a <a href="http://jsfiddle.net/RSfV4/" rel="nofollow">fiddle</a></p>