Get chose select value from div
<p>I have a bootstrap chosen select field in the div and trying to get selected value but unable to get.Any thoughts what is wrong here,</p>

<pre><code>$('#content_' + id).find('#GroupID &gt; option:selected').text() // blank
$("#content_" + id).children('select[name="GroupID"] option:selected').text() // blank
</code></pre>

<p>HTML mark-up,</p>

<pre><code>&lt;div id='content_M-CSP-HID-1301-00V9' data-taburl='xxx' class='tab-pane'&gt;
lots of html...
&lt;div class="panel-body"&gt;
                    &lt;div class="col-sm-12"&gt;
                        &lt;div class="row"&gt;
                            &lt;div class="panel-body form-horizontal "
                                  &lt;!-- BEGIN: GroupID--&gt;
                                &lt;div class="col-sm-2"&gt;
                                    &lt;label for="GroupID" class="col-sm-12 control-label"&gt;Family&lt;/label&gt;
                                &lt;/div&gt;
                                   &lt;div class="col-sm-4"&gt;
                                    &lt;select data-placeholder="Select group" id="GroupID" name="GroupID" data-disable-search-threshold="10" class="chosen-select"&gt;
                                             &lt;option value=""&gt;&lt;/option&gt;&lt;option value="100 - Environment"&gt;100 - Environment&lt;/option&gt;&lt;option value="200 - Equipment"&gt;200 - Equipment&lt;/option&gt;&lt;option value="300 - Products"&gt;300 - Products&lt;/option&gt;&lt;option value="400 - Method"&gt;400 - Method&lt;/option&gt;&lt;option value="500 - Personnel"&gt;500 - Personnel&lt;/option&gt;&lt;option value="600 - Management"&gt;600 - Management&lt;/option&gt;&lt;option value="700 - Environmental Impacts"&gt;700 - Environmental Impacts&lt;/option&gt;
                                    &lt;/select&gt;
                                   &lt;/div&gt;
                                   &lt;!-- END: GroupID--&gt;
</code></pre>