Problem with page loading content, inside content

Question

if you visit here: Example You will see my problem.

The page loads, then loads all the same content within a div id=content

Have a look at the sourc

Answer 1

I agree with @Andrew, but just a suggestion -- if you don't want the page to "snap" when the AJAX is loaded, set your height in css to something like 100%

Answer 2

You are incorrectly building fragment. In you code first letter truncated in query.

Correct code:

fragment = event.value.substring(2);

Answer 3

This line of code:

$('.content').load('http://laynestaley.co.uk/test/'+fragment+'?ajax=1');

Is actually loading the entire page into <div class='content'></div>. Your server-side code must not be executing the way you expect it to with that AJAX call (It's just loading the index page of /test/ again).