title: select2 chrome onchange not fired the first time
body: <p>Hello I have a problem with Select2 component because this code that capture onChange event:</p>
  
  <pre><code>$(document).ready( 
  function() {
      x$("#{id:comboBox1}").select2().on("change", function(e) {
              XSP.partialRefreshPost("#{id:divView}",{
          onStart: function () {
              // do something when the partial update is finished
              alert("start...") 
  
          },
          onComplete: function () {
              // do something when the partial update is finished
              alert("stop...")  
          }
          }); 
        } ) 
  }
  );
  </code></pre>
  
  <p>Generate in Google Chrome this error that doesn't resolve x$() function (If you reload the page work)
  In Internet Explorer work well..I don't know how solve.</p>
  
  <pre><code>Uncaught TypeError: undefined is not a function home.xsp:129x$ home.xsp:129j jquery-1.11.0.min.js:2k.fireWith jquery-1.11.0.min.js:2n.extend.ready jquery-1.11.0.min.js:2K jquery-1.11.0.min.js:2
  </code></pre>
  
  <p>Have someone any suggest?</p>
  
  <p>Tnx you</p>