javascript - Assigning an attribute id as well as assigning a value to input text box -

html code

<div class="control-group">    <label class="control-label-m">product name :</label>    <div class="controls-m">       <input id="input1tray040" class="span10 " type="text">    </div> </div> <div class="control-group">    <label class="control-label-m">available qty :</label>    <div class="controls-m">       <input id="input2tray040" class="span10 " type="text">    </div> </div> <div class="control-group">    <label class="control-label-m">total inward :</label>    <div class="controls-m">       <input id="input3tray040" class="span10 " type="text">    </div> </div> <div class="control-group">    <label class="control-label-m">total sales :</label>    <div class="controls-m">       <input id="input4tray040" class="span10 " type="text">    </div> </div>     jquery 

i able assign id input textbox ,but problem need assign value specified input text box while creating div, how achieve this.my jquery code have tried far

$table.find('input[type="text"]').attr('id', function () {     var idval = 'input' + ($(this).parent().parent().index() + 1) + $(this).closest('td').attr('id');     return idval; });   var foo = 'input' + ($(this).parent().parent().index() + 1) + $(this).closest('td').attr('id'); var bar = foo.split("input")[1];  $tdid = $(this).closest('td').attr('id'); var mapid = '1' + $tdid + ''; var addid = '3' + $tdid + ''; var editid = '2' + $tdid + '';  if (bar == addid) {     $("#" + foo + "").val(data.product_name);  } else if (bar == mapid) {     //  $("#"+foo+"").val(data.map_name); } else if (bar == editid) {     $("#" + foo + "").val(data.edit_val); }