jquery - Hide item after deleting it with ajax in asp.net mvc -

in asp.net mvc4 application, have portfilio list , use ajax delete portfolio items, want hide

<li>  

that item has been deleted. how can achive this. view:

<ul > @foreach (var item in model.portfolios) {     <li >         <div class="row">             <div class="col-xs-4">                               </div>                                                   @using (ajax.beginform("delete", "admin", new ajaxoptions                 {                     httpmethod = "post",                     onbegin = "beginrequest",                     oncomplete = "endrequest",                     onsuccess = "successrequest",                     onfailure = "failrequest"                  }))                 {                                                     <div class="form-group">                         <input type="hidden" value=@item.portfolioid id="id" name="id" />                         <input type="submit" value="delete" >                     </div>                 }                                               </div>     </li> } </ul> 

is best practice using jquery? if yes how can access to

<li> 

thanks answers

jquery solution this:

in html need add id or unique value list element

<li id="@item.id"> 

in sucessrequest pass id of element in

 onsuccess = "successrequest("+item.id+")", 

on sucessrequest need action of hiding adding class or hiding it

function  successrequest(itemid){ $('#'+itemid).hide(); }