如何在Mvc中显示应用程序的每页中的搜索框

我想在应用程序的每个页面中显示搜索框。我尝试在布局中使用"渲染为局部视图"。但它不起作用。请任何机构建议

/搜索控制器代码：/

 public class SearchController : Controller
    {
       // Filtering the Search with product name
        public ActionResult SearchProduct(string SearchString)
        {
            FlipcartDBContext db = new FlipcartDBContext();
            var products = from p in db.Products select p;
            products = products.Where(s => s.ProductName.StartsWith(SearchString));
            return View(products);
             }

        // Return a Json Result
        public JsonResult GetProducts(string term)
        {
            FlipcartDBContext db = new FlipcartDBContext();
            List<string> products;
     products = db.Products.Where(s=>s.ProductName.StartsWith(term)).Select(x=>x.ProductName).ToList();
            return Json(products, JsonRequestBehavior.AllowGet);
        }
    }

/SearchProduct.cshtml:/

           jQuery(function ($) {
              $("#SearchString").autocomplete({
                                    source: '@Url.Action("GetProducts","Search")',
                                    minLength: 2,
                                });
                            });


        @using (Html.BeginForm())
        {
        <p>
            @Html.TextBox("SearchString", null, new { id = "SearchString" }) <br />
            <input type="submit" value="Search" id="Search" />
        </p>
    }

/*显示产品*/

     @foreach(var item in Model)
            {
                <table>
                    <tr>
                        <td>/* Displaying Selected Product Detail */
                            @Html.DisplayFor(modelItem => item.ProductName)
                        </td>
                        <td>
              <a href="@Url.Action("Details","Store",new{id=item.PkProductID})">here</a>
</td>
           </tr>
        </table>.

/请建议，我是jquery和mvc的新手。提前感谢/