title: How to lazy load content on JQuery tabs that doesn't pertain to any of the tab content(ie. login section or registration section)
body: <p>I am lazy loading 3 tabs using Query tabs in an asp.net mvc web app.  I have a Login section(username and password) that I would like to display where the tab content usually shows.  I would like this Login section to only load when the user clicks the link at the top of the page. So, I need it lazy loaded too.  How would I do that, I can't seem to figure it out.   Below is my current tab code.  I appreciate your help!</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
          $(document).ready(function() 
          {
              $("#tabContainer").tabs();
  
          });          
  
       &lt;/script&gt;
  
  
  
  &lt;div id="menu" style=" background-color:White; width:950px; height:400px; float:left;"&gt;             
              &lt;div id="tabContainer"&gt;
                  &lt;ul&gt; 
                      &lt;li&gt;&lt;a href="../../Home/GetHomeTab"&gt;Home&lt;/a&gt;&lt;/li&gt; 
                      &lt;li&gt;&lt;a href="../../Home/GetProductTab"&gt;Products&lt;/a&gt;&lt;/li&gt; 
                      &lt;li&gt;&lt;a href="../../Home/GetContactUsTab"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;                                               
                  &lt;/ul&gt;                    
              &lt;/div&gt;                       
          &lt;/div&gt;       
  </code></pre>