Okay I resolved this.
Step 1: HTML Portion of the code:
<div id="inputs" style="margin:0;"></div>
Step 2: Javascript Function
Create a function in javaScript that appends to the targetDiv. This function will take 1 argument. This will be the value of how many boxes need to be added.
function displayTextBoxes(value)
{
a=1;
targetDiv = $("#inputs").html("");
for(var i = 0; i < value; i++) {
targetDiv.append($("<dd><label for=\"addtpcs\" class=\"label\">Additional PC "+a+"</label><input id=\"addtpcs"+a+"\" type=\"text\"/></dd>"));
a++;
}
}
Step 3: Create the JQuery function calls
The first function looks at the value of whatever is associated with id addtpcs. This will take care of looking at the value when the user pushes the back button in the browser. The second looks to see if the value has changed while you are on the form.
$(function() {
var selectValue = $('#addtpcs').val();
displayTextBoxes(selectValue);
});
$('#addtpcs').change(function() {
var selectedValue = $(this).val();
displayTextBoxes(selectedValue);
});