title: how make link without reload all page with jquery
body: <p>I want create some pages like facebook to load data without changing page/header or chat-bar in footer. I know I can use this code:</p>
  
  <pre><code>$(function() {
    $("a.load").click(function (e) { 
      e.preventDefault();
      $("#content").load($(this).attr("href"));
    });
  });
  </code></pre>
  
  <p>But I have one problem. I want to give jQuery add-on data like.</p>
  
  <pre><code>&lt;a href="http://mysite.com/profile123" //for example send-more-data="its-profile-link" //and send even more data like: even-more-data="ID:12235663"&gt;go to this profile&lt;/a&gt;
  </code></pre>
  
  <p>so I can do more things with this like:</p>
  
  <pre><code>if (send-more-data=="its-profile-link") {
    $id = even-more-data="ID:12235663" //posted on link with jquery
    mysql_Query("select * from users where id =  $id")
  }
  elseif {
  //////
  }
  </code></pre>
  
  <p>so its possible i send more data with ID in  or class or somethings else?  Please give me an example. And tell me is it better using <code>.load()</code> or  <code>$.ajax()</code>?</p>