title: How to change image to text using jquery's .hover event
body: <p>I need a simple script that allows me to change the inner html of a p tag which in my case is an image to just plain text when I hover over it.</p>
  
  <p>Example:</p>
  
  <pre><code>&lt;div id="one"&gt;
      &lt;p&gt;&lt;img src="events.png" alt="" /&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When i hover over the above p tag i want it to change to the text as seen below</p>
  
  <pre><code>&lt;div id="one"&gt;
     &lt;p&gt;Events&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>