how to add new options on page load about multiple-select HOT 14 CLOSED

<select id="select"></select>
<script>
$(function() {
  $.get('/service', function(options) { // get data from web service
    var html = [];
    $.each(options, function(i, option) {
      html.push('<option value="' + option.value + '">' + option.name + '</option>');
    });
    $('#select').html(html.join('')).multipleSelect(); // add options to select
  });
});
</script>

   <asp:CheckBoxList ID="cblChoices" runat="server">
            </asp:CheckBoxList>

        <select id="cblselect" multiple="multiple" style="width: 230px; height: 50px">         
        </select>

 <script src="Scripts/jquery.multiple.select.js" type="text/javascript"></script>
        <script type="text/javascript">

                $("#cblselect").multipleSelect({
                    filter: true,

                });



            function loadselect() {
                var CHK = document.getElementById("<%=cblChoices.ClientID%>");
                var checkbox = CHK.getElementsByTagName("input");
                var label = CHK.getElementsByTagName("label");


                var select = document.getElementById("cblselect");

                for (i = 0; i < checkbox.length; i++) {
                    select.add(new Option(label[i].innerHTML, i));
                }
            }          

        </script>

$(function() {

});

<select id="cblselect" multiple="multiple" style="width: 230px; height: 50px">         
</select>

<script src="Scripts/jquery.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.multiple.select.js" type="text/javascript"></script>
<script type="text/javascript">                
        $(function() {

                var CHK = document.getElementById("<%=cblChoices.ClientID%>");
                var checkbox = CHK.getElementsByTagName("input");
                var label = CHK.getElementsByTagName("label");


                var html = [];

                for (i = 0; i < checkbox.length; i++) {
                    html.push('<option value="' + i + '">' + label[i].innerHTML + '</option>';
                }

                $("#cblselect").html(html.join('')).multipleSelect({
                    filter: true
                });
        });
</script>

$("#cblselect").html(html.join('')).multipleSelect({
    filter: true
}).multipleSelect("uncheckAll");