title: how to prevent to close jquery div popup after click on submit button
body: <p>Here is code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;HTML&gt;
      &lt;head&gt;
        &lt;style&gt;
            #log{display:none;}
        &lt;/style&gt;
        &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"&gt;
        &lt;/script&gt;
        &lt;script&gt;
            $(document).ready(function(){
                $("a").click(function(){
                    $("#log").show();
                });
            });
         &lt;/script&gt;
      &lt;/head&gt;
  &lt;body&gt;
      &lt;a href="javascript:;"&gt;Log In&lt;/a&gt;
      &lt;div id="log"&gt;
         &lt;form action="abc.php" method="post"&gt;
            &lt;input type="text" name="user" placeholder="Email ID"&gt; &lt;br&gt;&lt;br&gt;
            &lt;input type="password" name="pass" placeholder="Password"&gt;&lt;br&gt;&lt;br&gt;
            &lt;input type="submit" value="Login"&gt;
         &lt;/form&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>When I click on submit button, the div popup closes automatically.</p>