how to update the page content without refresh the page by jquery

[runeveryday]

the page url is

 `http://example.com/index.php?main_page=index&Path=<?php echo $_GET['Path'];?>`

there are some contents on the page:

    <div><a href="http://example.com/index.php?main_page=index&Path=<?php echo $_GET['Path'];?>&sort=1a">price </a></div>
            <div> the content....</div>

if i click the price, the content will be arranged according to the price with ascending.

 <div><a href="http://example.com/index.php?main_page=index&Path=<?php echo $_GET['Path'];?>&sort=1d">price </a></div>
            <div> the content....</div>

if i click the price, the content will be arranged according to the price with descending.

now, i want to get when the visitor click the `price` text, the content arranged can be exchanged. the default state is ascending. and don't refresh the page.

how should i do?

[webcosmo]

user another script to load the content. then you can use the javascript load method to call as you need. for ordering need you can pass a query string.