title: jQuery can't find options appended to list
body: <p>I have two lists, one has regions and the other has Postal Codes.  When I select a region from one list, I want the correct postalCodes to be highlighted in the other list.  I have to add the postalCodes dynamically when I load the page.  The postalCodes get added and display just fine, but I can't find the correct postalCode with jQuery, so I decided to dump my postalList to the console to see what it looks like.  The output shows that the options are empty "0{}1{}2{}3{}4{}5{}".</p>
  
  <p>Take a look at my function.  </p>
  
  <pre><code>function GetPostal() {
  $.ajax({
      type: "GET",
      url: api_url + 'home/Area/GetPostal', 
      success: function(_d) {
          $.each(_d, function(postal) {
              $('select[name="postalList"]').append($('&lt;option/&gt;', {
                  value: _d[postal].Id,
                  text: _d[postal].Name
              }));
          });
          console.log(JSON.stringify($('select[name="postalList"]')));
      }
  }).fail(function(_d) {
      //Handle error
      });
  }
  </code></pre>