Jquery Blur text and empty on Focus
<p>I have multiple text box like this. I want to apply the text on blur and empty when it get focused. I can able to achieve this for single text box. How i can pass the current element id instead of the hard coding the "#name" value in JavaScript function ?</p>

<pre><code>$(document).ready(function(){


    $('#Name').focus(function()
    {
         var $ele = $(this).attr('id');
            $(this).val('');
            $(this).css('color', '#000000');
    });

    $('#Name').blur(function()
    {
           var $ele = $(this).attr('id');
            $(this).val($ele);
            $(this).css('color', '#a9a9a9')
    });
});



&lt;input id="Name" type="text" value="" name="Name"&gt;
&lt;input id="Phone" type="text" value="" name="Phone" &gt;
&lt;input id="Email" type="text" value="" name="Email"&gt;
</code></pre>
