How to make [ jQuery ] get the [ .val() ] of a [ newly created <input> element ]?
===

What I am trying to do:
==============
Get the **value** of **each** of these *newly created* `<input>`'s using [jQuery](http://jquery.com/).


1. This is the affected portion of my **HTML** `Code`:
         
        <ul class="full_form_ul">
                <li class="full_form_ul_li" id="the_step_li">

                        <button class="button" id="test_button">+[Test]</button>
                        <button class="button" id="step_creation_button">+[Step]</button>

                </li> <!-- \\#the_step_li -->
        </ul> <!-- \\.full_form_ul -->     

2. This is the **jQuery** `code` that is **working**:
 
      
        $("#step_creation_button").click(function(event)
        {	
                event.preventDefault();
                $('#the_step_li').append('<div class="step_div"><input type="text" class="step_input"><button class="the_sub_step_button" type="button" title="button">+[Sub]</button></div>');
        
        });

        $('#the_step_li').on('click', "button", function(event) 
        {
	
        	event.preventDefault();	
        	$(this).parent('.step_div').append('<div class="sub_step_div"><input type="text" class="sub_step_input"></div>');
        	
        });

3. The **non-working**  **jQuery** `code`:

		$("#test_button").on('click', function(event) 
		{

			event.preventDefault();
	
			$(".step_div").each(function()
			{	
				alert($(this).next('.step_input').val());
			}); // \\.step_div.each	
	
		}); // \\#test_button.on('click')

::*These additional links hopefully can be useful to others encountering a problem similar, but not identical to the one outlined in this question. If the links to [Questions] do not show up below (they do not show up in the preview as I type this) this is my first post so it would be cool if someone could tell what I am doing wrong using `[Question]: http://stackoverflow.com/questionURL`, if they do show up, disregard this.*


[jQuery.On()](http://api.jquery.com/on/)
[question]: http://stackoverflow.com/questions/8021436/jquery-1-7-turning-live-into-on
[question]: http://stackoverflow.com/questions/9590593/how-to-use-jquery-and-this-to-capture-changed-form-element-value


jQuery.val() [can't post link, it says I am out of hyper-links]
[question]: http://stackoverflow.com/questions/4837133/whats-the-difference-bewteen-jquery-val-and-attrvalue
[question]: http://stackoverflow.com/questions/4524702/jquery-function-val-is-not-equivalent-to-this-value
[question]: http://stackoverflow.com/questions/4944293/jquery-liveclick-vs-click


jQuery.Each() [can't post link, it says I am out of hyper-links]
[question]:http://stackoverflow.com/questions/5518815/simple-jquery-hover-method-for-each-class-element
