title: Load page in div using jQuery
body: <p>This jQuery code loads a specific page within a div (this works):</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
          $(document).ready(function() {
  
              $("#button2").on("click", function(){  
                  $("#loader").load($("#button2").attr("page"));
                  return false;
              });
          });
      &lt;/script&gt;
  </code></pre>
  
  <p>Also, I have 2 links with an attribute "page" indicating the html file to be loaded in the div:</p>
  
  <pre><code>&lt;li&gt;&lt;a href="#" title="" id="button2" page="page1.html"&gt;Link 1&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#" title="" id="button2" page="page2.html"&gt;Link 2&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>This is the div where the page is loaded:</p>
  
  <pre><code>&lt;div id="loader"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The problem is that only loads "page1.html" when I click on the first link. If I click on the second link does not load "page2.html".</p>
  
  <p>I think it may be a problem of the id attribute of link "button2" on repeat maybe something happens.</p>
  
  <p>What am I doing wrong?</p>
  
  <p>Thank you!</p>