title: Add rows with select option in Javascript with Codeigniter
body: <p>I need to create a dynamic field in javascript with text and select input option. </p>
  
  <p>I run the code in JSFiddle and everything goes without problems, but when I run on my server, the select option disappear <a href="https://i.stack.imgur.com/KjXfu.png" rel="nofollow noreferrer">like this screenshot</a>.</p>
  
  <p>This is the code:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;table id="Campos"&gt;
      &lt;th&gt;Cantidad&lt;/th&gt;
      &lt;th&gt;Producto&lt;/th&gt;
      &lt;th&gt;Unidad&lt;/th&gt;
      &lt;th&gt;Cliente&lt;/th&gt;
      &lt;th&gt;Añadir campo&lt;/th&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;input type="text" id="cantidad" /&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;select id="productos" /&gt;
              &lt;option value="Selecciona el producto" &gt;Selecciona el producto&lt;/option&gt;
              &lt;option value="Café en grano"&gt; Café en grano &lt;/option&gt;
              &lt;option value="Café en grano 80/20"&gt; Café en grano 80/20 &lt;/option&gt;
              &lt;option value="Descafeinado en grano"&gt; Descafeinado en grano &lt;/option&gt;
              &lt;option value="Descafeinado sobre"&gt; Descafeinado sobre &lt;/option&gt;
              &lt;option value="Azúcar"&gt; Azúcar &lt;/option&gt;
              &lt;option value="Edulcorante"&gt; Edulcorante &lt;/option&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;input type="text" id="unidad" /&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;input type="text" id="cliente" /&gt;
          &lt;/td&gt;
          &lt;td id="anadircampo" class="boton-anadir"&gt;Añadir campo&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>var anadir = 1;
  $('#Campos').on('click', '.boton-anadir', function () {
      anadir++;
      var cantidad = "cantidad" + anadir;
      var productos = "productos" + anadir;
      var unidad = "unidad" + anadir;
      var cliente = "cliente" + anadir;
      var nuevoCampo = '&lt;tr&gt;&lt;td&gt;&lt;input type="text" id=' + cantidad + ' /&gt;&lt;/td&gt;&lt;td&gt;&lt;select id=' + productos + ' "&lt;option value="Selecciona el producto"&gt;Selecciona el producto&lt;/option&gt;&lt;option value="Café en grano"&gt; Café en grano &lt;/option&gt;&lt;option value="Café en grano 80/20"&gt; Café en grano 80/20 &lt;/option&gt;&lt;option value="Descafeinado en grano"&gt; Descafeinado en grano &lt;/option&gt;&lt;option value="Descafeinado sobre"&gt; Descafeinado sobre &lt;/option&gt;&lt;option value="Azúcar"&gt; Azúcar &lt;/option&gt;&lt;option value="Edulcorante"&gt; Edulcorante &lt;/option&gt;" /&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" id=' + unidad + ' /&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" id=' + cliente + ' /&gt;&lt;/td&gt;&lt;td id="anadircampo" class="boton-anadir"&gt;Añadir campo&lt;/td&gt;&lt;/tr&gt;';
      $('#Campos').append(nuevoCampo);
  });
  </code></pre>
  
  <p>I'm using CodeIgniter and jQuery 3.2.1. Source code: <a href="https://jsfiddle.net/leandroalamino/63fw9oL3/9/" rel="nofollow noreferrer">https://jsfiddle.net/leandroalamino/63fw9oL3/9/</a></p>