jquery ui autocomplete无法按预期工作

Question

我使用jQuery UI自动完成从Postgresql数据库中获取数据，以使用label-data填充输入框（parzelle）。然后我的表单提交相应的值数据，存储在隐藏输入（gid）中。 第一次加载页面时，我的代码有效，有时甚至是在提交表单后重新加载页面时。在大多数情况下，自动完成在第一次重新加载（相同）页面后停止工作。

我对jQuery UI提供的示例进行了非常简单的修改：

$( "#parzelle" ).autocomplete({
      source: function( request, response ) {
        $.ajax( {
          url: "./mapdata/get_parzellen_list_json.php",
          dataType: "json",
          data: {
            term: request.term
          },
          success: function( data ) {
            response( data );
          }
        } );
      },
      minLength: 3,
      select: function( event, ui ) {
        // prevent autocomplete from updating the input-box (parzelle)
        event.preventDefault();
        // update the input-box and hidden input (= gid)
        $(this).val(ui.item.label);
        $("#gid").val(ui.item.value);
      }
} );