title: How Can you add a Hidden Input Type inside an option tag?
body: <pre><code>  function vGetUsers(elem, id) {
    var cat = $("#cat" + elem).val();
    var xstr = "";
    debugger;
    $.ajax({
    url: '/ApplicationNew/getAllUsers',
    type: 'POST',
    data: { 'Cat': cat },
    dataType: 'json',
    async: false,
    success: function (b) {
        for (x = 0; x &lt; b.length; x++) {
  
        xstr = xstr + '&lt;option value="' + b[x].UserName + '"&gt;' + b[x].FirstName + ' ' + b[x].MiddleInitial + ' ' + b[x].LastName + '&lt;/option&gt;'(HERE IS WHERE I WANT TO PLACE THE INPUT TYPE HIDDEEN IS THIS POSIBLE?[enter image description here][1]);
                  }
        localStorage.removeItem('vUsers'); //tracked0629
        localStorage.setItem('vUsers', xstr);
              }
          });
      }
  </code></pre>
  
  <p>that what happens when i put this <code>&lt;input type="hidden" id="userName' + id + '" value="' + b[x].UserName + '" hidden/&gt;</code> inside the option tag. </p>