Some Javascript variables not displaying in window when they should
<p>I have a web form and I am using JQuery to pull values the user has input and display them on the screen with an additional string added to it.  The problem is that only two of the values are being displayed.  When I look at the debugger, I can see the variables are populated but they aren't showing up on the screen.</p>

<p>My web form:</p>

<pre><code>&lt;form method="POST" id="sas_form" action="#"&gt;
  &lt;select name="var_type" id="var_type"&gt;
    &lt;option value="1"&gt;1&lt;/option&gt;
  &lt;/select&gt;
  &lt;input type="text" name="name" id="name"&gt;
  &lt;input type="text" name="value" value="0" id="value"&gt;
  &lt;input type="text" name="something" id="something"&gt;
  &lt;a href="#" id="add-row"&gt;Add Another row&lt;/a&gt;

  &lt;div id="renderArea"&gt;&lt;/div&gt;
&lt;/form&gt;
</code></pre>

<p>My Javascript:</p>

<pre><code>$(document).ready(function() {
  var i = 0;
  $('#add-row').click(function() {
    var var_type = $('#var_type').val();
    var name = $('#name').val();
    var value = $('#value').val();
    var something = $('#something').val();

    $('#renderArea').append({'-Var VarType="'+var_type+'" Position="'+i+'"    
            Name="'+ name +'"&gt;&lt;Imputed Value&gt;' + value + '&lt;/Imputed Value&gt;
            Something = ' + something});

    // increment the position
    i += 1;
  })
});
</code></pre>
