how to add a value on input field when appending it to DOM using jquery

Question

I want to add a value to the input field when it is append to DOM.

var strarray = [ "web developer", "web designer" ];
for (i = 0; i <= strarray.length-1; i++) {
    j = [{ 'emp': strarray[i] }];
    var a = j[0]['emp'];
    console.log(a);
    $("<input type='text' value=" + a + "/>")
        .attr("id", "myfieldid"+i)
        .attr("name", "myfieldid[]")
        .appendTo(".mycal");
}

Answer 1

You can use

var input = $("<input/>", {
    "type": 'text',
    'value': a,
    'id': "myfieldid" + i,
    'name': "myfieldid[]"
});

$(".mycal").append(input);

Fiddle

Answer 2

You can create element using jQuery

var strarray = ["web developer", "web designer"];
for (i = 0; i <= strarray.length - 1; i++) {
  j = [{
    'emp': strarray[i]
  }];
  var a = j[0]['emp'];
  console.log(a);
  $("<input>", {
      'type': 'text',
      'value': a,
      'id': "myfieldid" + i,
      'name': "myfieldid[]"
    }).appendTo(".mycal");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class=mycal></div>