title: prevent menu in layout page in reloading in mvc
body: <p>I have a menu in layout page like   </p>
  
  <pre><code>&lt;li class="treeview"&gt;
    &lt;a href="#"&gt;
      &lt;i class="fa fa-users"&gt;&lt;/i&gt;
      &lt;span&gt;Customer&lt;/span&gt;
    &lt;/a&gt;
    &lt;ul class="treeview-menu"&gt;
      &lt;li&gt;&lt;a href="/Customer/CustomerDetails"&gt; &lt;i class="fa fa-angle-double-right"&gt;&lt;/i&gt;View Customer&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/Customer/AddCustomer"&gt; &lt;i class="fa fa-angle-double-right"&gt;&lt;/i&gt;Add Customer&lt;/a&gt;&lt;/li&gt;                       
    &lt;/ul&gt;
  &lt;/li&gt;
  
  &lt;div class="content"&gt;
    @RenderBody()
  &lt;/div&gt;&lt;!-- /.content --&gt;
  </code></pre>
  
  <p>In addcustomer view I am using     </p>
  
  <pre><code>$(document).ready(function () {        
    $("ul .treeview-menu a").click(function (e) {
      $('#content').load("/Customer/AddCustomer");
    });
  }); 
  </code></pre>
  
  <p>I want to load view without reloading the whole page.</p>