title: Change div content when hover over link?
body: <p>I want to change the text of a <code>div</code> when hovering over other text.</p>
  
  <p>How do I do it with JavaScript or jQuery?</p>
  
  <pre><code>&lt;a href="#"&gt;change your div text&lt;/a&gt;
  &lt;div class="original"&gt;
     &lt;p class="old"&gt;this is my first quesstion on stackoverflow and i hope to be solved&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;p class="new"&gt; the new text i want to add&lt;/br&gt;
  i will use big text really and i want to change it&lt;/p&gt;
  </code></pre>
  
  <p>How can I replace the old <code>p</code> class with the new <code>p</code> class when hovering over the link above and how can I get it to return to the original class when the hovering stops?</p>