Jquery clone element, altering id then use keyup() not working
<p>The Problem: When i clone 
<code>&lt;div id="#cloneme1"&gt;...&lt;/div&gt;</code> i get 
<code>&lt;div id="cloneme2"&gt;...&lt;/div&gt;</code> but the .keyup() function wont read the new DOM elements</p>

<pre><code>$('#btnAdd').click(function() {
      var num= $('.clonedInput').length; // how many "duplicatable" input fields we currently have
      var newNum= new Number(num + 1);      // the numeric ID of the new input field being added

      // create the new element via clone(), and manipulate it's ID using newNum value
      var newElem = $('#cloneme' + num).clone().attr('id', 'cloneme' + newNum);

      // manipulate the name/id values of the input inside the new element
      newElem.children(':first').attr('id', 'alteredguianswer' + newNum)

      // insert the new element after the last "duplicatable" input field
      $('#cloneme' + num).after(newElem);
    });

    $('input[type="text"]').keyup(function(){
                var id = $(this).attr("id"); // variable id = id of current textfield
                var value=$(this).val();  // variable value = value in current textfield
                $("#someplace"+id).text(value);  // edit text elsewhere on page using value
            });


&lt;div&gt;
     &lt;input type="button" id="btnAdd" value="add another name" /&gt;
&lt;/div&gt;
     &lt;div id="cloneme1" style="margin-bottom:4px;" class="clonedInput"&gt;Question:&lt;input type="text" id="guianswer1" value="Answer 1" /&gt;&lt;/div&gt;
</code></pre>

<p>I dont understand how to get a function to read the new cloned elements </p>
