jQuery Infield Etiketten-Plugin funktioniert nicht mit ASP.NET-Projekt

Question

So arbeite ich an einem ASP.NET-Projekt und versuchte, ein jQuery-Skript für Infield-Etiketten zu verwenden, aber es zeigt die Beschriftung über dem Textfeld statt in ihm. Ich arbeite seit ein paar Stunden daran und habe noch keine Lösung gefunden, also kam ich hierher, mein Code ist unten, danke für irgendwelche Vorschläge!

Hier ist ein Link auf die jQuery-Skript Ich verwende: http://fuelyourcoding.com/scripts/infield/

@{ 
    ViewBag.Title = "LostPassword"; 
} 

@using (Html.BeginForm("LostPassword", "Account")) 
{ 
    <script type="text/javascript" src="../../Scripts/jquery.infieldlabel.min.js" ></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $("label").inFieldLabels(); 
     }); 
    </script> 
    <fieldset> 
     <table class="layout full-width key-value"> 
     <tr> 
     <td> 
     <h2>Forgot your password?</h2> 
<br /> 
<p><b>To reset your account password:</b></p> 

<p><b>1.</b> Please enter your username in the below box and click "Reset". Your username could be your E-mail address, or it may be a username you created when you set up your account.</p> 
<p><b>2.</b> You will recieve an E-Mail with a link to reset your password. Follow the link and the instructions on that page to update your password.</p> 
</td> 
     </tr> 
      <tr> 
       <td style="position: relative"> 
        <label for="UserName" style="position:absolute; top:0; left:0">User Name</label> 
        @Html.TextBox("UserName") 
       </td> 
      </tr> 
     </table> 
     <input type="submit" value="Reset my password" /> 
    </fieldset> 
} 

Answer 1

die CSS des Etiketts Geben und oder Textbox (Input) ein Blick über für Dinge wie eine negative Marge, schwebt ohne Stellungs angebracht auch. Blendet es ein, wenn das Textfeld angeklickt wird, wenn dies der Fall ist, bedeutet das, dass jQuery zu 100% in Ordnung ist und das Problem in Ihrem CSS liegt.