如何给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到一个时间轴上去的