Get and Display Title of Element
<p>I have several images on a page, all in list items. On hover of one of those images, I would like to get the <code>title</code> attribute and display it in a div. Here's my code so far:</p>

<pre><code>&lt;ul&gt;
    &lt;li&gt;&lt;img src="1.jpg" title="First Image"&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="2.jpg" title="A second Image"&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="3.jpg" title="And another one"&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;div id="imagetitle"&gt;
&lt;!-- Title Should go Here --&gt;
&lt;/div&gt;
</code></pre>

<p>I have a general idea that you could do this with the <code>attr();</code> in jQuery, but I'm not sure how &mdash; can anyone help me?</p>
