processing returned json array in jquery
<p>I have a PHP page that returns a piece of HTML to set the values of a  menu.</p>

<pre><code>while($employee = mysql_fetch_array($query))
     {
      $employee_menu = $employee_menu . '&lt;option value="'.$employee['id'].'"&gt;'.$employee['first'].' '.$employee['last'].'&lt;/option&gt;';
     }

        echo json_encode ($employee_menu);
</code></pre>

<p>Then update it with jquery like this:</p>

<pre><code>$.get('http://www.sharingizcaring.com/schedule/menutest.php', { job: $('#job').val() },      
        function(data) 
     {

       $("#employee").html( data );

      });
</code></pre>

<p>For some reason the  closing tags are being turned into &lt;\/option> and thus displaying as either:</p>

<p>First Last &lt;\/option>
First Last >\/option> </p>

<p>In the menu (Chrome) or as one line: First Last &lt;\/option> First Last &lt;\/option> (Firefox)</p>

<p>Is there something I need to do to the html besides json_encode before I pass it back or should I be returning an array and then creating the   with jquery?</p>
