Добавить динамические данные jquery в прилагаемый html

Question

Как разместить calEvent.id в #id в прилагаемом html?

$("#id").val(calEvent.id); 
if(calEvent.status == 'open') { 
    $('#append .appact').remove(); 
    $('#append').append("<div class='appact'><form id='update'><input type='hidden' name='id' id='id'><br/><input type='submit' name='submit'></form></div>"); 
} 

Answer 1

Если я правильно понял, что вам нужно это должно работать:

$("#id").val(calEvent.id); 
if(calEvent.status == 'open') { 
    $('#append .appact').remove(); 
    $('#append').append("<div class='appact'><form id='update'><input type='hidden' name='id' id='"+calEvent.id+"'><br/><input type='submit' name='submit'></form></div>"); 
} 

Answer 2

$('#append').append(
    $("<div />", { 
     'class': 'appact' 
    }).append(
     $('<form />', { 
      id: 'update' 
     }).append(
      $('<input />', { 
       type: 'hidden', 
       name: 'id', 
       id: 'id', 
       value: calEvent.id // Notice here 
      }), 
      $('<input />', { 
       type: 'submit', 
       name: 'submit' 
      }) 
     ) 
    ) 
);