help with .click and .append

help with .click and .append

  1.         <script>

                $(document).ready(function(){


                    $(".qitem").click(function () {
                        $(this).replaceWith('<div class="qitem"><input type="text" name="text" value="" size="30" /></div>');
                    });

                    $(".addnew").click(function(){
                        $(".list").append('<div class="qitem"><li>Click here to write a question</li></div>');

               });

                
                });
            </script>
















  1.         <div class="question">
                <ul class="qlist">
                    <div class="list">
                        <div class="qitem"><li>Click here to write a question</li></div>
                    </div>
                        <p class="addnew">Add a new question<p>
                </ul>
            </div>







hi, I have this code, work for me, but when a new item its added, I can't click on it to write a new question.

what can i do to fix this?