Integrating jQuery BBQ into my current code?
<p>I am trying to integrate the <a href="http://benalman.com/projects/jquery-bbq-plugin/" rel="nofollow">jquery BBQ plugin</a> into my current code, at the moment I have set up a simple AJAX request that returns the selected links relative page. Can anyone tell me how I can modify the BBQ script so it will work with my code?</p>

<pre><code>&lt;ul id="nav"&gt;
    &lt;li&gt;&lt;a href="index.html"&gt;Homepage&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="page1.html"&gt;Link 1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="page2.html"&gt;Link 2&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="page3.html"&gt;Link 3&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;div id="inject"&gt;
    &lt;div id="main-content"&gt;
        &lt;p&gt;This is the homepage&lt;/p&gt;
    &lt;/div&gt;
&lt;/div&gt;

$('#nav').find('a').click(function(e) {
    $.ajax({
        url : this.href,
        method : 'get',
        success : function(data) {
            var div = $('#main-content', $(data));
            $('#inject').html(div);
        }
    });
    e.preventDefault();
});
</code></pre>
