ajaxのリクエスト数が多い。。

 リクエスト数を１回にしたいです。

下記のコードでputをしているのですが、access_logをみると２１回のリクエストが有りました。
まずどこを疑ったらよいでしょうか。。

該当のソースコード JSとHTML

$('.menu_update').change(function () {
    var name = $(this).attr('name');
    var id = $(this).attr('id');
    var val = $(this).val();
    var params = {};
    params[name] = val;
     $.ajax({
       type: "PUT",
       url: "/menus/" + id,
       data: params
     });
  });

<div class="mdl-layout__tab-panel is-active" id="top">
  <h1>今日のメニュー</h1>
  <table class="mdl-data-table">
    <thead><tr>
      <th>Type</th><th>Name</th><th>Food</th><th>Weight</th><th></th>
    </tr></thead>
    <tbody><tr class="mdl-color--amber-200">
      <td>昼</td>
      <td>おこわ</td>
      <td>ごはん</td>
      <td><div class="mdl-textfield mdl-js-textfield" style="width: 50px;"><input class="mdl-textfield__input menu_update" id="31" type="text" name="menu[weight]" /><label class="mdl-textfield__label" for="menu_13">13</label></div></td>
      <td><a data-confirm="削除しますか?" class="material-icons" rel="nofollow" data-method="delete" href="/menus/31">clear</a></td>
    </tr></tbody>
  </table>
<br />
</div>

 下記のようなlogが21回来ます

xxx.xxx.xxx.xxx - dev [06/Jul/2016:05:33:07 +0900] "PUT /menus/31 HTTP/1.1" 302 116 "http://hoge.hoge/menus" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.103 Safari/537.36"

 controllerの中

controllerの中の処理はupdateしているだけだと思います。。

# PATCH/PUT /menus/1
  # PATCH/PUT /menus/1.json
  def update
    respond_to do |format|
      if @menu.update(menu_params)
        format.html { redirect_to @menu, notice: 'Menu was successfully updated.' }
        format.json { render :show, status: :ok, location: @menu }
      else
        format.html { render :edit }
        format.json { render json: @menu.errors, status: :unprocessable_entity }
      end
    end
  end