title: Change event binding's function called on page load
body: <p>I have a <code>select</code> and I am binding the <code>change</code> event on it so upon changes my function will fire.</p>
  
  <p>The thing is: when my page loads it fires this function, which I don't want to happen. I only want it to fire when the user actually changes the value of the dropdown.</p>
  
  <p>My select dropdown:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;select data-bind="options: Main.Items, 
                     optionsText: 'Name', 
                     value: Main.SelectedItems, 
                     optionsCaption: 'Please Select', 
                     event: { change: function(data,event) { ItemClick(null) }}"&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>If anyone knows why it is firing on load, as well as how I can sort this out, it would be very much appreciated.</p>