title: how do i stop refreshing page in bootstrap modal with asp.net button click
body: <p>i am trying to show data in modal view of bootstrap, the data is retrieved from the database. The problem is it shows the data but for a fraction of second and the page gets refreshed automatically. 
  this is my html </p>
  
  <pre><code>&lt;div class="col-md-4" style="margin-left: 5px;"&gt;
   &lt;br /&gt;
   Invoice #&lt;asp:TextBox ID="txt_Invoiceno" runat="server"&gt;&lt;/asp:TextBox&gt;&lt;br /&gt;
   &lt;asp:LinkButton ID="lnk_showInvoice" runat="server" OnClick="ShowUserPass_Click" OnClientClick="showModel()"&gt;Show Last Five Invoices&lt;/asp:LinkButton&gt;
   &lt;/div&gt;
  &lt;div class="modal"&gt;
      &lt;div class="modal-dialog"&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-header"&gt;
                  &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
                  &lt;h4 class="modal-title"&gt;Last five invoices &lt;/h4&gt;
              &lt;/div&gt;
              &lt;div class="modal-body"&gt;
                 &lt;asp:GridView runat="server" ID="gvInvoices"&gt;&lt;/asp:GridView&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="modal-footer"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>this is my .cs file</p>
  
  <pre><code>protected void ShowUserPass_Click(object sender, EventArgs e)
  {
      SQLHelper objSql = new SQLHelper();
      objSql.SqlText = "select FirstName,LastName,Email from tblUserDetail";
      DataTable dt = objSql.getDataTable(false);
      gvInvoices.DataSource = dt;
      gvInvoices.DataBind();
      objSql.Close();
      objSql.Dispose();
  
  }
  </code></pre>
  
  <p>jquery:</p>
  
  <pre><code> &lt;script&gt;
      function showModel() {
          $('.modal').modal();
      }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>So my question is, how do i stop the page refreshing automatically?</p>