Как я могу использовать JQuery для обновления данных

Хорошо, поэтому у меня проблема с решением этой проблемы. У меня есть динамическая страница с записями из базы данных mysql. PHP-код работает отлично. Код ниже

$catagory = $_GET['type'];
$query = "SELECT p.name, p.price, pc.quantity, p.image, p.descr FROM products ... where category_name = $catagory "; 
$result = mysql_query($query);
$related = array();
while($row_r = mysql_fetch_assoc($result)){
   $related[] = $row_r;
}

позже на странице я прокручиваем их

<div class="main-blue">
<div class="blue-items">
<?php foreach ($related as $row_r) { ?>
    <span class="digit"><span class="digit-r"><?php print $row_r["quantity"] ?></span></span>
    <h3><?php print $row_r['name'] ?></h3>
.....

Проблема в том, что у меня есть

<div class="dropdown">
<ul>
<li><a href="#" class="icon-s icon-s1">Grocery</a></li>
<li><a href="#" class="icon-s icon-s2">Pizza</a></li>
<li><a href="#" class="icon-s icon-s3">Quick Service</a></li>
<li><a href="#" class="icon-s icon-s4">Retail</a></li>
<li><a href="#" class="icon-s icon-s5">Salon</a></li>
<li><a href="#" class="icon-s icon-s6">Bar</a></li>
</ul>

Мне нужно иметь возможность выбрать одно из выпадающих меню, например, например, Bar Мне нужно перезаписать запись из mysql и сделать загрузку страницы записями для Bar без обновления.

like

$catagory = "Bar";
$query = "SELECT p.name, p.price, pc.quantity, p.image, p.descr FROM products ... where category_name = $catagory ";