Multiplo dropdown list checkbox ?

Boa noite

encontrei esse codigo no googlecode

http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html

que gera select com checkbox

eu tenho uma select cidade que ao selecionar ela popula a select bairro

mas isso de modo normal , funciona normalmente selecionando de 1 em 1.

quando implemento essa função do site acima a select bairro deixa de funcionar.

 <select name="cidade" id="cidade" class="btn-group-vertical">
 <option value="">Cidade</option>

<?php

$sql = mysql_query("SELECT * FROM tb_cidades ORDER BY nome");

 while($res_id = mysql_fetch_array($sql)){
 $id = $res_id['id'];
 $cidade = $res_id['nome'];
 ?>
 <option value="<?php echo $id;?>"><?php echo $cidade;?></option>
 <?php } ?>

	</select>

<select name="bairro" id="bairro" multiple="multiple" class="form-control">
<option value="">Bairro</option>

 </select>

//função que carrega a select bairro.
<script type="text/javascript">

 $(document).ready(function(){

 $("select[name=cidade]").change(function(){
 $("select[name=bairro]").html('<option value="0">Carregando...</option>');

 $.post("carrega_cidades.php",
 {cidade:$(this).val()},
 function(valor){
 $("select[name=bairro]").html(valor);
 }
 )

 })
 })

</script>

eu não sei o que esta errado que não funciona

o esquema igual desse site

http://www.imobiliariaassuncao.com.br/

obrigado