Not able to insert drag and drop data in to sql

<script src="js/jquery-1.8.0.js" type="text/javascript"></script>
    <script src="js/jquery-ui.js" type="text/javascript"></script>
    <link href="css/jquery-ui.css" rel="stylesheet" type="text/css" />


<script type="text/javascript">
    $(function () {
        $(".drag_drop_grid").sortable({
            items: 'tr:not(tr:first-child)',
            cursor: 'crosshair',
            connectWith: '.drag_drop_grid',
            axis: 'y',

            dropOnEmpty: true,
            receive: function (e, ui) {
                $(this).find("tbody").append(ui.item);
            }
        });
        $("[id*=gvDest] tr:not(tr:first-child)").remove();
    });
</script>

protected void Page_Load(object sender, EventArgs e)
   {
       if (!Page.IsPostBack)
       {
           DataTable dt = new DataTable();
           dt.Columns.AddRange(new DataColumn[2] { new DataColumn("Item"), new DataColumn("Price") });
           dt.Rows.Add("Shirt", 450);
           dt.Rows.Add("Jeans", 3200);
           dt.Rows.Add("Trousers", 1900);
           dt.Rows.Add("Tie", 185);
           dt.Rows.Add("Cap", 100);
           dt.Rows.Add("Hat", 120);
           dt.Rows.Add("Scarf", 290);
           dt.Rows.Add("Belt", 150);
           gvSource.UseAccessibleHeader = true;
           gvSource.DataSource = dt;
           gvSource.DataBind();

           dt.Rows.Clear();
           dt.Rows.Add();
           gvDest.DataSource = dt;
           gvDest.DataBind();
       }
   }