Im unable to change the "My available bids" number 50 to become "Buy". Tried several ways using mouseover/hover but failed. Thanks for help in advance.
HTML:
<div id="welcome" align="right">
<?php
$username= $_SESSION['username'];
echo "Welcome ".$username."<p/>";
?>
My Available Bids:
<div id="available_bids">
<a href="#">
<?php
include "connect.php";
$query= "SELECT * FROM member WHERE username= '$username'";
$result= mysql_query($query);
$record= mysql_fetch_object($result);
$available_bids= $record->available_bids;
echo $available_bids;
?>
</a>
</div>
<br/>
<div id="my_profile"><a href="#">My Profile</a></div>
<br/>
<a href="logout.php" id="sign_in">Logout</a>
</div>
<script src="jquery.js"></script>
<script src="text/javascript">
$(document).ready(function(){
$('#available_bids').hover(function(){
$(this).text("Buy");
});
});
</script>