title: KnockoutJS: click event invoked on every Option in Select
body: <p>I want Knockout to call an event whenever the user clicks an option in a SELECT element. </p>
  
  <p>Here's my JavaScript:</p>
  
  <pre><code>function ReservationsViewModel() {
      this.availableMeals = [
          { mealName: "Standard (sandwich)", price: 0 },
          { mealName: "Premium (lobster)", price: 34.95 },
          { mealName: "Ultimate (whole zebra)", price: 290 }
      ];
  }
  
  ko.applyBindings(new ReservationsViewModel());
  </code></pre>
  
  <p>Here's my HTML:</p>
  
  <pre><code>&lt;select data-bind="foreach: availableMeals"&gt;
      &lt;option data-bind="text: mealName, click: alert('hello')" /&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>But when I run this, the application shows "hello" three times even though none of the options were actually clicked.</p>
  
  <p>What am I doing wrong?</p>