Javascript 引导选项卡和jQuery自动完成内容长度

我正在使用引导选项卡。每个选项卡内都有一个彼此不同的表单。用户可以使用它们中的任何一个来搜索他特别需要的内容。我在每个表单中都使用了jQuery autocomplete，用户必须选择其中一个，否则提交按钮将不会被激活，同时用户将看到“找不到结果”消息。第一个选项卡的形式已经出现了这种情况。
但这在其余选项卡上不起作用，当我检查控制台时，发现以下错误消息：

未捕获的TypeError:无法读取HTMLInputElement.response处null的属性“length”

我想知道我在其余选项卡中使用的代码有什么问题，如何解决这个问题

HTML-引导选项卡

<ul class="nav-tabs">
    <li class="active">
        <a href="#home" data-toggle="tab">Public Search</a>
    </li>
    <li>
        <a data-toggle="tab" href="#menu1">Detailed  Search</a>
    </li>
</ul>
<div id="home" class="tab-pane fade in active">
    <form>
        <input type="text" name="ser" id="auto" required />
        <div id="empty-message" class="warning"></div>
        <input type="submit" id="sub" />
    </form>
</div>
<div id="menu1" class="tab-pane fade">
    <form>
        <input type="text" name="ser" id="auto1" required />
        <div id="empty-message1" class="warning"></div>
        <input type="submit" id="sub1" />
    </form>
</div>

---

你能把console.log（用户界面）还给我们吗；感谢您将console.log（ui）返回给我们；谢谢

$(function() {
$( "#auto" ).autocomplete({
    source: 'scripts/chresults.php',
    response: function(event, ui) {
        if (ui.content.length === 0) 
            {
            $("#empty-message").text("No Results Found");
            $("#sub").attr("disabled","disabled");
            } 
        else 
            {
            $("#empty-message").empty();
            $("#sub").removeAttr("disabled");
            }
     }
   });
 });

 $(function() {
 $( "#auto1" ).autocomplete({
    source: 'scripts/chresults_city.php',
    response: function(event, ui) {
        if (ui.content.length === 0) 
            {
            $("#empty-message1").text("No Results Found");
            $("#sub1").attr("disabled","disabled");
            } 
        else 
            {
            $("#empty-message1").empty();
            $("#sub1").removeAttr("disabled");
            }
        }
     });
    });