this function appends into html document .
$(document).ready(function() {
$("body").ready(function (e) {
var showId = $("#showId").val();
var sId = $("#sId").val();
var offSet = $("#offSet").val();
var rowsPerPage = $("#rowsPerPage").val();
var db = $("#db").val();
var dataString = 'sId=' + sId + '&db=' + db + '&showId=' + showId + '&offSet=' + offSet + '&rowsPerPage=' + rowsPerPage;
/*alert("sname:="+ytpl1);
alert("sid="+sId);
alert("showID="+showId);*/
jQuery.ajax({
type: "GET",
url: "/upload/videoupdate.php",
data: dataString,
success:function(response){
var myArray = $.parseJSON(response);
var htmldata ='';

for (var i = 0; i < myArray.length; i++)
{
var obj = myArray[i];
/*alert(obj.id);*/
htmldata=htmldata+'<div class ="videowrapper well" id="'+obj.id+'"><form class="video" id="'+obj.id+'" action="" method="post">VideoName:<br/><input type="content_txt" value="'+obj.yt_title+'" class="videoName" ><br>Description:<br/><input type="content_txt" value="'+obj.description+'" class="description"><br><input class="videosubmit" id="'+obj.id+'"type="button" value="Update" ><input class="delBtn" id="'+obj.id+'" type="button" value="delete" ></form><div class="video1"><img src="'+obj.thumb_medium+'"height="180" width="320"></div></div>';

}
/*alert(myArray.length);*/
$("#responseWrapper").append(htmldata);
},
error:function (){
alert("Insert a valid playlist Id");
}
});

});


});

and it is the code which on click executes but its not working need help

$(document).ready(function() {


$(".videosubmit").on('click',function (e) {

var id= this.id; alert(id);
});