title: Refresh dropdown selection without page refresh in jQuery
body: <p>It sounds so simple.</p>
  
  <p>I have this function that runs when the page is loaded:</p>
  
  <pre><code> function initializeSelect($select, uri, adapt){        
     $.getJSON( uri, function( data ) {
     $select.empty().append($('&lt;option&gt;'));       
     $.each(data, function(index, item) {
       var model = adapt(item);
       var $option = $('&lt;option&gt;');
       $option.get(0).selected = model.selected;
       $option.attr('value', model.value)
         .text(model.text)
         .appendTo($select);      
       });
     });
   });
  </code></pre>
  
  <p>Which is called here and generates OPTIONS for a dropdown selection:</p>
  
  <pre><code> initializeSelect($('#commoditySelect'), 'api/sel_keyCommodities.php', function (item) { 
     return {
       value: item.KEY_COMMODITY,
       text: item.KEY_COMMODITY
     }
   });
  </code></pre>
  
  <p>I need to be able to refresh the dropdown selections without refreshing the page when a modal window closes:</p>
  
  <pre><code> $('#messageModal').on('hidden.bs.modal', function()
   {
      // I tried this to no avail
      initializeSelect();       
   });
  </code></pre>
  
  <p>So that way, the dropdown selection will rerun with possibly a new selection that may or may not have been added.</p>
  
  <p>Can this be done, and if so, how?</p>