title: Converting json data to select drop down options
body: <p>This is my data being returned from ajax call (EDIT: json format now):</p>
  
  <pre><code>[{"PROCEDURE_ID":362183,"PROCEDURE_NAME":"Biopsy, Breast; Lumpectomy"}, {"PROCEDURE_ID":558975,"PROCEDURE_NAME":"Biopsy, Cervix"},{"PROCEDURE_ID":558977,"PROCEDURE_NAME":"Biopsy, intrauterine"},{"PROCEDURE_ID":558976,"PROCEDURE_NAME":"Biopsy, Libial"}]
  </code></pre>
  
  <p>I am trying to put this in a select drop down and no matter what I do, it fails, either select-options are undefined or jquery throw error.<br>
  This is what I have tried so far 2 different methods (selField is dynamic element)</p>
  
  <pre><code>success: function(json){
  
           if (json != '' )
              var vx='&lt;option value=""&gt;All&lt;/option&gt;';
                 $.each (json.DATA, function(k, v){
  
                     vx+='&lt;option value="'+k.Procedure_ID+'"&gt;'+v.Procedure_Name+'&lt;/option&gt;';
                 });
                 $(selField).html(vx);
                 }
  </code></pre>