[Resolvido] Combo select produto e cor

Bom dia!

preciso que ao selecionar um produto, no select abaixo apareça as cores disponíves para este produto.

Tenho o seguinte código, na página "add-foto-produto.php":

//PHP

<tr valign="baseline">
 <td align="left"><b>Produto:</b></td>
 </tr>
 <tr>
 <td><select name="id_produto" id="estados">
 <? $result = mysql_query("select * from tbl_produtos");
 while($row = mysql_fetch_array($result) ){
 echo "<option value='".$row['id']."'>".$row['titulo']."</option>";
 }?>
 </select>
 </td>
 </tr>
 <tr>
 <td><b>Cor:</b></td>
 </tr>
 <tr>
 <td>
 <select name="id_cor" id="cidades">
 <?
 $idestado = $_GET['estado'];

 $result = mysql_query("SELECT * FROM tbl_cores WHERE id_produto = ".$idestado);
 while($row = mysql_fetch_array($result) ){
 echo "<option value='".$row['id']."'>".$row['nome']."</option>";
 } ?>
 </select>
 </td>
 </tr>

//JS

<script type="text/javascript">
$(document).ready(function(){
 $('#estados').change(function(){
 $('#cidades').load('add-foto-produto.php?estado='+$('#estados').val() );
 });
 });

</script>

e ainda estou carregando o jquery.js.

O que está acontecendo é que seleciono o produto, o select abaixo sai todo bugado... alguém tem idéia do que possa ser?

Obrigado!

Tirei esse Ajax daqui:

http://www.botecodigital.info/jquery/carregando-um-combobox-com-ajax-com-jquery/

O que realmente acontece é que quando seleciono algo do primeiro select, no segundo, aparentemente carrega toda página novamente...