title: Json string aren't being displayed on my jsp page
body: <p>In one of the pages from my project, I have this jquery code, which receive two json strings and should add some fields to my form:</p>
  
  <pre><code>&lt;script&gt;
  $("document").ready(function(){
      var obj_tipo = jQuery.parseJSON( "${lista_tipos}" );
      var obj_campo = jQuery.parseJSON( "${lista_campos}" );
  
      var newRow = $('&lt;tr&gt;');
      col_1 = '&lt;td&gt; Tipo: &lt;/td&gt;';
      col_2 = '&lt;td&gt; &lt;select name="tipo"&gt; &lt;/select&gt; &lt;/td&gt; &lt;/tr&gt;';
      for(var nome in obj_tipo)
          col_2.append('&lt;option value="'+nome+'"&gt;'+nome+'&lt;/option&gt;');
  
      newRow.append(col_1);
      newRow.append(col_2);
  
      $("table.cadastro").append(newRow);
  
      col_3 = '';
      for(var nome in obj_campo)
          col_3 += '&lt;tr&gt; &lt;td&gt; '+nome+' : &lt;/td&gt; &lt;td&gt; &lt;input type="text" name="'+nome+'" value="'+nome+'" size=20 maxlenght=40&gt; &lt;/td&gt; &lt;tr&gt;';
  
      $("table.cadastro").append(col_3);
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>But nothing is being displayed in my page. I check the developer tool from Chrome, and this is being read by the browser:</p>
  
  <pre><code>&lt;script&gt;
  $("document").ready(function(){
      var obj_tipo = jQuery.parseJSON( "{"Tipo":[{"id":3,"nome":"gerente"},{"id":4,"nome":"supervisor"},{"id":5,"nome":"analista"},{"id":6,"nome":"tecnico"},{"id":7,"nome":"secretaria"},{"id":8,"nome":"seguranca"}]}" );
      var obj_campo = jQuery.parseJSON( "{"Key":[{"id":1,"nome":"e-mail"},{"id":2,"nome":"cidade"}]}" );
  
      var newRow = $('&lt;tr&gt;');
      col_1 = '&lt;td&gt; Tipo: &lt;/td&gt;';
      col_2 = '&lt;td&gt; &lt;select name="tipo"&gt; &lt;/select&gt; &lt;/td&gt; &lt;/tr&gt;';
      for(var nome in obj_tipo)
          col_2.append('&lt;option value="'+nome+'"&gt;'+nome+'&lt;/option&gt;');
  
      newRow.append(col_1);
      newRow.append(col_2);
  
      $("table.cadastro").append(newRow);
  
      col_3 = '';
      for(var nome in obj_campo)
          col_3 += '&lt;tr&gt; &lt;td&gt; '+nome+' : &lt;/td&gt; &lt;td&gt; &lt;input type="text" name="'+nome+'" value="'+nome+'" size=20 maxlenght=40&gt; &lt;/td&gt; &lt;tr&gt;';
  
      $("table.cadastro").append(col_3);
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Someone can point me What's wrong with this code?</p>
  
  <p>ps.: the full code for this page is this:</p>
  
  <p><a href="https://github.com/klebermo/webapp_horario_livre/blob/master/WebContent/WEB-INF/jsp/usuario/cadastra.jsp" rel="nofollow">https://github.com/klebermo/webapp_horario_livre/blob/master/WebContent/WEB-INF/jsp/usuario/cadastra.jsp</a></p>
  
  <p>the json string is sent to page from the method 'cadastra' of this class:</p>
  
  <p><a href="https://github.com/klebermo/webapp_horario_livre/blob/master/src/com/horariolivre/controller/UsuarioController.java" rel="nofollow">https://github.com/klebermo/webapp_horario_livre/blob/master/src/com/horariolivre/controller/UsuarioController.java</a></p>