Не удается получить входные данные из другого DIV

Question

Я использую jsPlumb и form2js. Внутри форм есть поля ввода, моя проблема в том, что я не могу получить данные из этих полей ввода.

Этот редактор блок-схема основана here

Это HTML для DIV с входами, которые я не могу получить.

<div class="window task" style="left: 120px; top:200px; display:none;" data-nodetype="task" id="taskcontainer0"> 
     <div class="ctrl_container"> 
      <div class="button_remove">x</div> 
     </div> 
     <div class="details_container"> 
      <label class="detail_label">Name</label> 
      <input type = "text" class="detail_text" name = "diagram.task.Title[]"/><br/> 
      <label class = "detail_label">Description</label> 
      <input type = "text" class ="detail_text" name = "diagram.task.Msg[]"> 
     </div> 
    </div> 

Мне нужно преобразовать данные в поле ввода в JSON.

Я новичок в этом. Благодаря

Answer 1

Выселение этот пост: Сериализация формы JSON с JQuery

Он получил jsfiddle, что, кажется, работает достаточно хорошо: http://jsfiddle.net/sxGtM/3/

Answer 2

как насчет это:

<div class="window task" style="left: 120px; top:200px; display:block;" data-nodetype="task" id="taskcontainer0"> 
    <div class="ctrl_container"> 
     <div class="button_remove">x</div> 
    </div> 
    <div class="details_container"> 
     <form id="myForm"> 
     <label class="detail_label">Name</label> 
     <input id="title" type="text" class="detail_text" name = "diagram.task.Title[]" value="yes"/><br/> 
     <label class = "detail_label">Description</label> 
     <input id="msg" type="text" class ="detail_text" name = "diagram.task.Msg[]" value="no"> 
      </form> 
    </div> 
</div> 
<pre class="result"></pre> 
<pre id="json"></pre> 

и часть JS

var title = $('#title').val(); 
var msg = $('#msg').val(); 
$('.result').text(title+"\n"+msg); 

var form = $('#myForm').serializeArray(); 
var json = JSON.stringify(form); 
$('#json').text(json); 

Working demo here - jsfiddle