Javascript 在不刷新页面的情况下获取另一个搜索表单结果

用户将在搜索框中输入产品名称。根据输入的产品名称，我调用java脚本函数在表中显示价格信息。这很好用

当用户输入另一个产品名称时，新产品的价格信息会两次附加到同一网页，因为我没有删除以前的产品价格表

如果我刷新页面，表将被清除，我只看到搜索框

我需要做什么才能允许用户输入另一个产品并获得结果信息表，而无需刷新页面

请帮我解决这个问题

我的代码：

<form class="form-wrapper cf" id="cf-form">
  <input type="text" id="valbox" placeholder="Search here..." required>
  <button type="submit" id="butval">Search</button>
</form>
<table id="priceTable"></table>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.pricecheckindia.com/compare.js"></script>
<script>window.jQuery || document.write('<script src="includes/js/jquery-1.8.2.min.js"><\/script>')
                $("#cf-form").on('submit',function(e)
                {
                e.preventDefault();
                var product=$('#valbox').val();
                alert($('#valbox').val());
                initComparison('mobile_phones',product,'saibrpwx','HGYMDNVKJGSPFQCP');
                });
        </script>
</script>

搜寻
window.jQuery | | document.write（“”）
$（“#cf form”）。关于（'submit'，函数（e）
{
e、 预防默认值（）；
var乘积=$（'#valbox'）.val（）；
警报（$（'#valbox'）.val（））；
初始比较（“手机”、“产品”、“saibrpwx”、“HGYMDNVKJGSPFQCP”）；
});

在执行任何操作之前，在表单提交中，将表的html设置为空：

$（'#priceTable'）.html（''@lolka\u bolka:哇！非常感谢，它就是这样工作的。再次感谢您的时间和帮助