javascript - id フィールドが div mvc 4 に追加されない

Question

項目ウィンドウを開くダイアログがあります。アイテムをクリックして選択したいのですAddが、そのアイテムの id を div に追加してから、それをデータベースに送信できます。アラートでIDを取得していますが、何も追加されていません。ボタンのクリックに追加したいのですが、どちらも機能しないAddクリックだけを試していました。li

ダイアログのオプション

   $('.ITA').dialog({
 autoOpen: false,
 draggable: true,
 width: 450,
 resizable: false,
 dialogClass: "ui-dialog",
 modal: true,
 show: { effect: 'fade', duration: 200 },
 buttons: [{
 id: "AddToAddPage",
 text: "Send Trade",
 click: function () {


  // on close the item selected is added to `div ITA`
  //$(this).dialog("close");

  });

クリックして<li>追加するdiv ITA

  $(".ITA").on("click", "li", function () {
   //get div 
     var div = $("#DivToAddTo");   

   //get id of item
    var itemtoadd = $(this).attr("data-id");    

    alert(itemtoadd);//for debug

    //apendTo?
    $(itemtoadd).appendTo(div); 
   });

選択したアイテムが移動するビュー

@model IEnumerable<Item>

@{
ViewBag.Title = "Tradepage";
}
<div id="Item">

 @foreach (var item in Model)
 { 
<ul>
    <li>
        @Html.DisplayFor(modelItem => item.ID)
    </li>
     <li>
        @Html.DisplayFor(modelItem => item.item_name)
    </li>
    <li>
        @Html.DisplayFor(modelItem => item.item_description)
    </li>
</ul>

 }
 </div>
 <div id="AddNav">
  <a class="AllItemsBtn" href='@Url.Action("GetItemsToAdd")' >Add File...</a>
  <a class="SubmitAdds" href="#" >Submit</a>
    </div>

 <div class = "ITA"></div>

 <div id = "AddedItems">Added items go here</div>

アイテムの場所を表示する

@foreach (var item in Model)
 { 
<ul>
    <li data-id = "@item.ID">
        @Html.DisplayFor(modelItem => item.ID)
    </li>
     <li>
        @Html.DisplayFor(modelItem => item.item_name)
    </li>
    <li>
        @Html.DisplayFor(modelItem => item.item_description)
    </li>
  </ul>
 }

 <div id="addItemBtn">
<button id="AddToAPage">Add</button>

 <p><a id="AddToAdd" href="#">Add</a></p>
 </div>