How to use the select menu value in the specific DIV jQuery
<p>I have the following code to get the selected item value and post it to a DIV. That is okay, it is working fine, my DIV shows the selected value. But my question is how can I use that value in the DIV ? so that I can create a php msyql query.</p>

<pre><code>&lt;head&gt;
&lt;style&gt;
.response {
    padding:10px;
    background-color:#9F9;
    border:2px solid #396;
    margin-bottom:20px;
}
&lt;/style&gt;
&lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
&lt;script&gt;
$(document).ready(function(){
$("#developer").change(onSelectChange);
});
function onSelectChange(){
var selected = $("#developer option:selected");
var output = "";
if(selected.val() != 0){
output = selected.val();
}

$("#output").html(output);
$('#output').slideDown("slow");
}
&lt;/script&gt;
&lt;/head&gt;

&lt;select id="developer"&gt;
&lt;option value="0"&gt;Select&lt;/option&gt;
&lt;option value="1"&gt;name&lt;/option&gt;
&lt;option value="2"&gt;name2&lt;/option&gt;
&lt;/select&gt;

&lt;div align=center class=response id=output style="display:none;"&gt;
&lt;?php
$sql = "SELECT * FROM users WHERE name='$name'";
$result = mysql_query($sql) or die("err");
while($row=mysql_fetch_array($result)){
$age = $row[age]; }
echo $age;
?&gt;
&lt;/div&gt;
</code></pre>
