JQuery Script Not Working:

[neilsy]

So I'm a nube when it comes to JQuery and JavaScript as I mostly write PHP. My Jquery connection via google is working as I've tested it. However I'm not sure whats the problem is. The code is designed to count new messages and display the number of new messages. Code as follows:

<script>
$(document).ready(function() {
var refreshId = setInterval(function(){
$.ajax({
type: "GET",
url: "include/php/inboxcount.php",
data: 'p=' +<? echo $username;?>.val(),
success: function(count1){
$('#showinboxcount').html(count1);
}
});
});
});
</script>
 

And the PHP code which is working fine is:

<?php
include_once "conn/db.php";
$p = stripslashes(trim(htmlspecialchars($_GET['p'])));
$s = mysql_query("SELECT * FROM conversations WHERE (sender = '$p' AND starterstatus = 'unread') OR (recipient = '$p' AND recipientstatus = 'unread') ORDER BY date");
$i = 0;
while($row = mysql_fetch_array($s)) {
    $i++;
}
echo $i;
?>
 

Any help would be really appreciated.