title: jQuery load method is loading multiple div instead of one
body: <p>I have the following HTML structure:</p>
  
  <pre><code>&lt;div class="row"&gt;
          &lt;div class="col-md-12 text-right logged"&gt;
              my content...           
          &lt;/div&gt;  
      &lt;/div&gt;
  
      &lt;div class="row"&gt;               
          &lt;div class="col-md-12"&gt;         
              &lt;div class="post"&gt;
  
                  &lt;div class="load-me"&gt;
                      main cotent
                  &lt;/div&gt;                  
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;    
  &lt;/div&gt;
  </code></pre>
  
  <p>now, I have login and logout functionality. when I log in I need to reload the content of this <code>&lt;div class="load-me"&gt;&lt;/div&gt;</code> as I need to show some dynamic content. Same thing I need for the logout process. </p>
  
  <p>For this I am using the following jQuery code:</p>
  
  <p>for logout...</p>
  
  <pre><code>success : function ( data ) {
      $(".logged").html( logged_area );
      $(".post").html('').load(location.href + " .load-me"); // this line...
  }
  </code></pre>
  
  <p>for login...</p>
  
  <pre><code>success : function ( data ) {
      $(".login-message").html( data );               
      $(".post").html('').load(location.href + " .load-me");
  }
  </code></pre>
  
  <p>But it's loading <strong>that div</strong> 2 times as you can see it here: <a href="http://creativeartbd.com/demo/facebook/" rel="nofollow noreferrer">http://creativeartbd.com/demo/facebook/</a></p>
  
  <p><strong>Use this when login:</strong> alexbd / 123456789</p>
  
  <p>Note: there are only 2 posts</p>