title: Ajax load page without refresh
body: <p>I am looking for information what is the simplest way to update page content using jquery + ajax. I would like to update only <code>#container</code> content, but not a full page.</p>
  
  <p>I am begginer in ajax.</p>
  
  <p>Thanks.</p>
  
  <p>MY Jquery code</p>
  
  <pre><code>  &lt;script&gt;
      $(document).ready(function(){
        //page
        $('.row').load('services.html');
  
        $('.nav_link').click(function(){
          var page = $(this).attr('href');
          $('.row').load(page);
          return false;
        });
      });
    &lt;/script&gt;
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="row"&gt;
            &lt;nav role="navigation" class="nav"&gt;
              &lt;a class="nav_link" href="services"&gt;&lt;div class="nav_line"&gt;&lt;/div&gt;PASLAUGOS&lt;/a&gt; &lt;a class="nav_link" href="contacts.html"&gt;&lt;div class="nav_line"&gt;&lt;/div&gt;KONTAKTAI&lt;/a&gt;
            &lt;/nav&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>services.html:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;nav role="navigation" class="nav"&gt;
          &lt;a class="nav_link" href="services.html"&gt;
              &lt;div class="nav_line"&gt;&lt;/div&gt;
              PASLAUGOS
          &lt;/a&gt; 
          &lt;a class="nav_link" href="contacts.html"&gt;
              &lt;div class="nav_line"&gt;&lt;/div&gt;
              KONTAKTAI
          &lt;/a&gt;
      &lt;/nav&gt;
      &lt;div class="result"&gt;
        gsdgdsgsdgdsgds gds gdsg dsg sd gds g sdgsd gdsg sd gsd
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>