jquery .submit() not triggering though am using $(document).delegate()
<pre><code> &lt;div class="sld_dwn"&gt;
 &lt;form class="sign_in_form" id='target'&gt;
 &lt;div&gt;
 &lt;a class="sign_in_data" &gt;email:&lt;/a&gt;
 &lt;/br&gt;
 &lt;input type="text" class="sign_in_box" name='txt1'&gt;
 &lt;a class="sign_in_data1"&gt;password:&lt;/a&gt;
 &lt;/br&gt;
 &lt;input type="password" class="sign_in_box1"name='txt2' &gt;
 &lt;/div&gt;
 &lt;a href='http://localhost' class="forgot"&gt;forgot password&lt;/a&gt;&lt;/br&gt;
 &lt;!--&lt;input type="checkbox"&gt;&lt;a class="stay"&gt;stay signin&lt;/a&gt;--&gt;
 &lt;input type='submit' class="but_signin1" value='Sign in'&gt;
 &lt;/form&gt;
</code></pre>

<p><br>
       File containing jquery code is sginin.js and am trying access jquery library from
 <a href="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" rel="nofollow">http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js</a><br>
    <code>$("document").ready(function()
     {
     $("document").delegate('#target','submit',function(e)
     {
     alert('hi');
     return false;</code><br>
     style given to the above div is<br>
     <code>div.sld_dwn
     {
      position:relative;
      border-radius:0px;
      display:none;
      float:right;
      right:40px;
      background-color:#3E003E;
      background-color:RGBA(255, 255, 255,0.2);
      color:white;
      border:0px;
      width:450px;
      height:120px;
      }</code></p>
