我在aspx页面中使用了一个System.Web.UI.HtmlControls.HtmlSelect控件：
<select id="selContract" runat="server" class="default-select2" onchange="onchangeContract(this)" tabindex="-1" style="display: none; width: 100%;"></select>

      页面的JS代码如下：

    <script type="text/javascript">
        $(".default-select2").select2();
        $(function () {
            //$(".default-select2").select2();
            //  $("#selContract").select2();
        });

        $(function () {
            $("#tablePro").load("Process/QueryHandler2.ashx?active=ProblemTable");
        });

        function onchangeContract(item) {
            var sPbsId = $(item).attr("value");
            $("#tablePro").load("Process/QueryHandler2.ashx?active=ProblemTable&pbsId=" + sPbsId);
        }
    </script>

　　页面加载时，select控件通过后台的cs文件加载数据，选择控件中的某条数据，页面中的列表显示相应的数据。

　　现在的问题是，页面有时会显示空白，提示的错误如标题，即：
　　Uncaught TypeError：$(".default-select2").select2 is not a function
      但刷新一下，页面又正常显示了。

　　前面的JS代码中，标红色的是第一版的代码，标青色的是改动过的代码，但均出现过同样的错误提示。

　　请教大家，是什么原因导致的这个问题？怎样解决呢？

      请大家帮忙，谢谢！