Unable to access value of HTML Input box written by .html() jQuery function?
<p>I am having trouble accessing the value of an HTML Input element using jQuery, this input element was written initially using .html() function in an earlier function.</p>

<p><strong>THIS IS MY CODE THAT CREATES THE INPUT ELEMENT - <em>NO ISSUES WITH THIS</em></strong></p>

<pre><code>&lt;script type="text/javascript"&gt;
           $(document).ready(function() {
            $("#model").change(function()
                {                                
                 $.post("../includes/_ajaxSpecs.php",{ model:$(this).val() } ,function(data)
                 {
                var string = data;
                var partsArray = string.split(',');
                   $("#comp_specs").fadeTo(200,0.1,function() //start fading the messagebox
                   {
                    //add message and change the class of the box and start fading
                   $(this).html(partsArray[0]+"&lt;input style='width:12em;margin-left:5px;border:1px solid #CCC;' name='input1' id='input1' /&gt;&lt;br /&gt;"+partsArray[1]+"&lt;input style='width:12em;margin-left:5px;border:1px solid #CCC;' name='input2' id='input2' /&gt;&lt;br /&gt;").addClass('jText').fadeTo(900,1);
                     });
                  });
                });
              });
&lt;/script&gt;
</code></pre>

<p><strong>Now I want to grab the value in #input1 and set a different input box (#new_input) to that value, using this code:</strong></p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function() {
$("#input1").change(function()
        {
    var text = $("#input1").val(); 
    $("#new_input").val(text);      
        }); 
});
</code></pre>

<p></p>

<p>Not sure why I cannot access these values in #input1 and #input2 even though I can see them fine in the final POST? Are there issues with JQuery accessing form elements written by the .html() function?  I use the second function listed quite a bit and know this works with standard form elements...</p>

<p><strong>UPDATE: HERE IS MY UPDATED CODE PER YOUR SUGGESTIONS, BUT STILL UNABLE TO GRAB IT?</strong></p>

<pre><code>&lt;script type="text/javascript"&gt;
$('#div1').on('change', '#input1', function() {
    $("#input1").change(function() {

    var text = $("#input1").val(); 
    $("#new_input").val(text);      
        }); 
});
&lt;/script&gt; 
</code></pre>

<p><strong>UPDATE: SOLVED, Thanks @Dragon</strong></p>
