jquery for placeholder having similar classes
<p>I am trying to achieve placeholder using jquery and css.</p>

<p>I am having 2 classes ".txt" and ".placeholder", but I use this class for multiple textboxes. I need the jquery action(hide the placeholder) on mouseover event.</p>

<p>HTML:</p>

<pre><code> &lt;div class="placeholder"&gt;First Name&lt;/div&gt;
 &lt;input type="text" class="txt"/&gt;

 &lt;div class="placeholder"&gt;Last Name&lt;/div&gt;
 &lt;input type="text" class="txt"/&gt;

 &lt;div class="placeholder"&gt;City&lt;/div&gt;
 &lt;input type="text" class="txt"/&gt;
</code></pre>

<p>CSS:</p>

<pre><code>.txt
{
 height:40px;
width:300px;
margin-bottom:20px;
font-size:22px;
}

.placeholder
{
color:#DDD;
float:left;
position:absolute;
font-size:22px;
font-family:'Tahoma';
margin-top:7px;
margin-left:10px;
}
</code></pre>

<p>Please have a look at the fiddle : <a href="http://jsfiddle.net/39YJZ/2/" rel="nofollow">http://jsfiddle.net/39YJZ/2/</a></p>

<p>Thanks in advance.</p>
