如何给js中生成的div，添加上input内的内容？

 <div class="timeline"></div>
    <!-- <div class="showmsg"></div> -->
    <div class="case">
        <div>aa：<input type="text" name="" id="caseName"></div>
        <div>bb：<input type="text" name="" id="caseTime"></div>
        <div>cc：<input type="text" name="" id="caseTales"></div>
        <input type="submit" name="" value="确认" id="caseSubmit">
        <input type="submit" name="" value="取消" id="caseCancel">
    </div>


    js：$("#caseSubmit").click(function(){
        var newdiv = "";
        newdiv = '<div class="showdiv">'+
                    '<div id="getCaseName"></div>'+
                    '<div id="getCaseTime">3</div>'+
                    '<div id="getCaseTalse">2</div>'+
                '</div>';
        $("#getCaseName").appendChild("1")
        $(".timeline").prepend(newdiv);
    })

效果就是说，给这个生成div添加上input中的文本内容，我试过append（）方法，appendChild方法，都无法实现。请问如何能够实现？
上面的代码就是我又把生成的div，prepend到一个时间轴上去的

  js：$("#caseSubmit").click(function(){
          var ss=$("#caseName");
        var newdiv = "";
        newdiv = '<div class="showdiv">'+
                    '<div id="getCaseName">'+ss+'</div>'+
                    '<div id="getCaseTime">3</div>'+
                    '<div id="getCaseTalse">2</div>'+
                '</div>';
        $("#getCaseName").appendChild("1")
        $(".timeline").prepend(newdiv);
    })

$("#caseSubmit").click(function(){
var newdiv = "";
var ss= $("#caseName");
newdiv = '

';
$("#getCaseName").appendChild("1")
$(".timeline").prepend(newdiv);
})
你试试，你是想要这种效果吗

1.给生成的div添加内容，可以直接把内容写在拼接的那个语句里面
2.对生成的div使用on事件：因为用js拼接的html语句，并未绑定到dom树上去。 所以一些针对dom节点的操作找不到绑定的对象，无法使用。
绑定动态生成的需要使用到on方法。
这是我个人的想法，同样前端菜鸟一枚，仅供参考..

 var arr=$("input");
for(var i=0;i<arr.length;i++){
 $(你要添加的位置).append("<div>"+arr[i].value+"</div>");
}