Empty field message is showing for a few seconds
<p>I am new to jQuery and I'm trying to understand it using a tutorial. I started with registration form validation. I made a script and it's working fine, but message shows for a few seconds. I want message to show until user fills the field again.</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta content="text/html;charset=utf-8" http-equiv="Content-Type"&gt;
&lt;meta content="utf-8" http-equiv="encoding"&gt;
  &lt;style&gt;
  p { color:red; margin:4px; }
  b { color:blue; }
  &lt;/style&gt;
  &lt;script src="jquery-latest.js"&gt;&lt;/script&gt;
  &lt;script src="jquery.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;p&gt;&lt;/p&gt;

 &lt;form id="form1"&gt; 
  Name&lt;input type="text" name="fname" id="fname"&gt;
  &lt;input type="submit" value="submit" id="submit"&gt;
&lt;/form&gt;
    &lt;script&gt;   
            $(document).ready(function(){
        //var msg=$("p").text("Are you sure?");
        $("#form1").click(function(){
            if ($('#fname').val()=="") {
            //$("#ms").show("slow");
            $("p").html("Are you sure?");
            //$(this).show("Are you sure?");

            }
        });
            });
    &lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>
