javascript - Ajax form not getting results -

i have home page search feature. searching home page works fine, when try search again using ajax form (on url.com/search?id=biology) redirected 404 page saying /search not found.

form on home page:

@using (html.beginform("index", "search", new { returnurl = viewbag.returnurl }, formmethod.get, new { @class = "form-horizontal", role = "form", enctype = "multipart/form-data" })) {     @html.textboxfor(m => m.id, new { @class = "form-control" })     <input type="submit" value="search" class="btn btn-default" /> } 

my ajax form:

@using (ajax.beginform(new ajaxoptions { httpmethod = "get", insertionmode = insertionmode.replace, updatetargetid = "searchresult" })) {      <input class="form-control" data-val="true" data-val-required="the id field required." id="id" name="id" type="search" value="@request.querystring["id"]" />      <span class="field-validation-valid text-danger" data-valmsg-for="id" data-valmsg-replace="true"></span>      <div class="form-group">         <input type="submit" value="search" class="btn btn-default" />     </div> }  @html.partial("_results", model) 

edit: html source ajax form generated.

<form action="/search" data-ajax="true" data-ajax-method="get" data-ajax-mode="replace" data-ajax-update="#searchresult" id="form0" method="post">                             <input class="form-control" data-val="true" data-val-required="the id field required." id="id" name="id" type="search" value="biology" />     <span class="field-validation-valid text-danger" data-valmsg-for="id" data-valmsg-replace="true"></span>       <div class="col-md-offset-0 col-md-10">          <input type="submit" value="search" class="btn btn-default" />      </div> </form> 

edit 2: looking @ developers tools, shows post call happening. how change ajax form?

@user456789 if @ generated forms in both cases notice action of ajax form different home page form. because did not mention controller , action in ajax helper mentioned in comment above. change ajax form code below , should work expected:

@using (ajax.beginform("index", "search", new ajaxoptions { httpmethod = "get", insertionmode = insertionmode.replace, updatetargetid = "searchresult" })) {     <input class="form-control" data-val="true" data-val-required="the id field required." id="id" name="id" type="search" value="@request.querystring["id"]" />     <span class="field-validation-valid text-danger" data-valmsg-for="id" data-valmsg-replace="true"></span>      <div class="form-group">         <input type="submit" value="search" class="btn btn-default" />     </div> }