creating water mark using jquery and asp.net
<p>I want to create watermark using asp.net and jquery. I have a page with textboxes like this:</p>

<pre><code>&lt;tr&gt;
        &lt;td&gt;
            &lt;%=GetLocaleResourceString("Address.FirstName")%&gt;:
        &lt;/td&gt;
        &lt;td&gt;
            &lt;nopCommerce:SimpleTextBox runat="server" ID="txtFirstName" Width="165px" class="watermark" Text="Type your First Name" 
    Tooltip="Type your First Name" ErrorMessage="&lt;% $NopResources:Address.FirstNameIsRequired %&gt;"&gt;
            &lt;/nopCommerce:SimpleTextBox&gt;
            &lt;asp:Label ID="lblShippingAddressId" runat="server" Visible="false"&gt;&lt;/asp:Label&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;
            &lt;%=GetLocaleResourceString("Address.LastName")%&gt;:
        &lt;/td&gt;
        &lt;td&gt;
            &lt;nopCommerce:SimpleTextBox runat="server" ID="txtLastName" Width="165px" ErrorMessage="&lt;% $NopResources:Address.LastNameIsRequired %&gt;"&gt;
            &lt;/nopCommerce:SimpleTextBox&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
</code></pre>

<p>where nopCommerce:SimpleTextBox is a user control like this:</p>

<pre><code>&lt;%@ Control Language="C#" AutoEventWireup="true"
    Inherits="NopSolutions.NopCommerce.Web.Modules.SimpleTextBox" Codebehind="SimpleTextBox.ascx.cs" %&gt;
&lt;asp:TextBox ID="txtValue" runat="server"&gt;&lt;/asp:TextBox&gt;
&lt;asp:RequiredFieldValidator ID="rfvValue" ControlToValidate="txtValue" Font-Name="verdana"
    Font-Size="9pt" runat="server" Display="Dynamic"&gt;*&lt;/asp:RequiredFieldValidator&gt;
</code></pre>

<p>I am following this article:</p>

<p><a href="http://weblogs.asp.net/dotnetstories/archive/2011/11/24/creating-a-simple-watermark-effect-using-jquery.aspx" rel="nofollow">http://weblogs.asp.net/dotnetstories/archive/2011/11/24/creating-a-simple-watermark-effect-using-jquery.aspx</a></p>

<p>and adding css class and title in page where textbox control is used ( please see title and css in first markup).</p>

<p>but when i see page source I get this markup :</p>

<pre><code>&lt;input type="text" style="width:165px;" class="textBox" id="ctl00_ctl00_cph1_cph1_ctrlCheckoutSinglePage_ctrlCheckoutBillingAddress_ctrlBillingAddress_txtEmail_txtValue" name="ctl00$ctl00$cph1$cph1$ctrlCheckoutSinglePage$ctrlCheckoutBillingAddress$ctrlBillingAddress$txtEmail$txtValue"&gt;
</code></pre>

<p>No CSS no title added. Please suggest me how to add watermark ?</p>

<p>Regards,
Asif Hameed</p>
