title: Use AJAX response to update select option
body: <p>This code can fetch data from a database then return it to a select option:</p>
  
  <pre class="lang-js prettyprint-override"><code>$(document).on('click', '.renew', function() {
    var user_id3 = $(this).attr("id");
    $.ajax({
      url: "../controller/fetch_single.php",
      method: "POST",
      data: {
        user_id3: user_id3
      },
      dataType: "json",
      success: function(data) {
        $('#bus_type').html(data.type);
      }
    })
  });
  </code></pre>
  
  <p>The AJAX is successful and returning the JSON but the select option is still returning blank instead of the data coming from AJAX. What am I doing wrong?</p>
  
  <p>Example output of <code>data</code>:</p>
  
  <pre><code>{
      "id":"575",
      "bus_name":"THIS LOVE",
      "type":"RERE",
      "address":"SDF"
  }
  </code></pre>