How to use Dynamic loaded content with jquery bbq

Question

First of all, i am new to jQuery. I found that my web application face a problem in which a user is unable to navigate back to the previous page or even refresh the page. It's making it re-direct to the first page of the web app.
Here's part of my script

$(function() {
$("#register").click(function(evt) {
    $("#pages").load("register.php")
    evt.preventDefault();
})
})

Basically, when user click on the <li>, the page will load another content from another page.

<li><a id="register" href="">register</a></li>

I know that jQuery BBQ could solve it, but I don't know how to use it. Can anyone give me some hint?

Answer 1

Well, according to your comment, I think you want to use BBQ to change pages and avoid the problem of refreshing and going back to pages with jQuery load.

I made you an example.

Download link:

http://dl.dropbox.com/u/15208254/stackoverflow/jquery-bbq-example.zip

Please, run it in your localhost, because it has 2 PHP files.

Hope this helps :-)