How to clear the text box and By dragging changing of fields

Hello Members,

Hope you had a great weekeend!!

I am trying to add the First name and last name, By clicking on add the txtboxes need to be empty..
In the below jquery grid, I need to change the order of rows...

Here I am attaching the code, Can any one help me here..!!

Thannk you in advance!!

Hey check the below code

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Home.aspx.cs" Inherits="Home" %>
"http://www.w3.org/1999/xhtml">
"server">
Demo
"utf-8" />
"viewport" content="width=device-width, initial-scale=1" />
"stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
"http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js">
"text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
"stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/themes/smoothness/jquery-ui.css" />
"text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/jquery-ui.min.js">
"text/css">
table th, table td {
width: 100px;
padding: 5px;
border: 1px solid #ccc;
}
.selected {
background-color: #666;
color: #fff;
}
"form1" runat="server">
class="container">
Basic Table

"textBox1" runat="server" OnTextChanged="textBox1_TextChanged">

"textBox2" runat="server">

"textBox3" runat="server">

"button" id="btnAdd" class="btn btn-xs btn-primary classAdd">Add More

"gridView" style="display: none">
class="table" id="maintable">
Firstname
Lastname
Email
"button" id="btnSubmit" class="btn btn-primary btn-md pull-right btn-sm">Submit

How to clear the text box and By dragging changing of fields

Basic Table