Data List .bind() Jquery

Data List Get value in Jquery When Post Method .serialize(); ASP.NET MVC

HTML CODE

 <input float:left;" class="form-control" id="sectionid" list="dlsection" name="FabricStatus" tabindex="10" value="" type="text">
    <datalist id="dlsection">
     <option data-value="1" value="Active">
       <option data-value="2" value="Freezing">                                         
</datalist>

---

 $("#btnupdate").click(function () {
      //  alert('test');
        $('html,body').animate({ scrollTop: $("#reportDiv").offset().top }, 800);
        if ($('#OrderBookingID').val() == "") {
            alert("Please! Click your blow Gride Table!!!");
            $('#SearchStartDate').focus();
            return;

        }


        else {
            debugger;

            var sts = $("#dlsection option[value='" + $("#sectionid").val().trim() + "']").attr("data-value");
            var Rst = $("#dlreportstatus option[value='" + $("#report_status").val().trim() + "']").attr("data-value");
            var datastring = $('#FabricStatus').serialize();
            var datastring = datastring.replace("report_status=" + $("#report_status").val().trim(), "report_status=" + Rst);
            var datastring = datastring.replace("FabricStatus=" + $("#sectionid").val().trim(), "FabricStatus=" + sts);
           // alert(datastring);
            $.ajax({
                url: base + "BatchCardDyeingFinishing/FabricStarus_Update",
                data: datastring,
                dataType: 'json',
                type: 'POST',
                success: function (data) {

}
});