JQuery - based data listing without page refreshing.

if ur not bsy can u please help me

in my controller i have:
public ActionResult UserListing()
{
DataTable dt = new DataTable();
dt=sampleDal.UserRetrieve();
return PartialView(ConvertDataTabletoIEnumerable(dt));
}

private IEnumerable<sample> ConvertDataTabletoIEnumerable(DataTable dataTable)
{
foreach (DataRow row in dataTable.Rows)
{
yield return new Sample
{
Name=row["Name"].ToString(),
UserName = row["UserName"].ToString()
};
}
}


And in View

@using (Html.BeginForm("AddUser", "Sample", FormMethod.Post))
{
<input type="submit" id="adduser" value="Add New User" style="color:gray; border-bottom-style:solid; border-right-style:solid; margin-left:1100px;" />
}

<div id="result">
@{
var grid = new WebGrid(Model, defaultSort: "Name", rowsPerPage: 10, canPage: true);
}
@grid.GetHtml(
columns: grid.Columns(
grid.Column("Name", "Name", canSort: false),
grid.Column("Username", "Username", canSort: false)
), tableStyle: "list",footerStyle:"foot",nextText:"Next", previousText:"Previous"
)
</div>


when i click on Add New user a popup should appear to enter new user
please suggest me the code for that

no