Jquery update div content in remote page before loading the page
<p>I have a remote page (mypage.html) with a selector in this page. I want to load this page to my bootstrapdialog as the dialog body, but I want to add options dynamically to the selector before loading. </p>

<p>remote page (mypage.html) code:</p>

<pre><code>&lt;form&gt;
  &lt;select id="zoneSelectPicker" class="form-control"
                name="availabilityZone" style="height: 3.0em;"&gt;
   &lt;/select&gt;
&lt;/form&gt;
</code></pre>

<p>Then I want to add using jquery</p>

<pre><code>$.get('mypage.html', function(data) {
                $(data).find('#zoneSelectPicker')
                .append(
                    '&lt;option value="us-east-1a"&gt;us-east-1a&lt;/option');
     BootstrapDialog.show({
        message: $('&lt;div&gt;&lt;/div&gt;').append($(data))
     });
});
</code></pre>

<p>But the options is still empty.</p>