jquery - オートコンプリートは入力フィールドの履歴を保持し、複数のリクエストを送信します

Question

次のコードがあります。

     $("#city").on('change', function() {
         $("#keyword").autocomplete('<?php echo base_url();?>index.php/formhandler/autocomplete', {
             width: 300,
             matchContains: true,
             extraParams: {
                 data: $("#city").val()
             }
          });
     });

ここに私のHTMLがあります:

<select id="city" name="">
<option selected value="">--Select a city--</option>
<option value="1">city1</option>
<option value="2">city2</option>                            
</select>
<input id="keyword" name="" type="text" placeholder="Search" style="width:300px;"/>

選択した都市に応じてキーワード フィールドをオートコンプリートしたいのですが、問題はオートコンプリートが複数のリクエストを送信することです (選択した前のデータと共に最新の都市 ID を送信します)。これを firebug で調べたところ、キーワード フィールドに以前の履歴が保持されていました。どうすればこれを解決できますか?