title: Using Knockout with an HTML button
body: <p>I'm using knockout in the following manner successfully: </p>
  
  <pre><code>&lt;div id="Options" data-bind="foreach: Options"&gt;
  
          &lt;button type="button" data-bind="css: { selected: IsSelected }, enable: $parent.allow, click: $parent.select"&gt;&lt;img src="/path/to/img.png"/&gt;&lt;/button&gt;
  
      &lt;/div&gt;
  </code></pre>
  
  <p>Now, I'm trying to change the buttons into images with the following: </p>
  
  <pre><code>&lt;div id="Options" data-bind="foreach: Options"&gt;
  
          &lt;input type="image" data-bind="css: { selected: IsSelected }, attr:{src:/path/to/img.png}, enable: $parent.allow, click: $parent.select" /&gt;
  
      &lt;/div&gt;
  </code></pre>
  
  <p>My goal is to pair every Option to its own image using knockout.</p>
  
  <p>The buttons aren't loading with the second option, so I'm thinking the syntax is off.  Any idea why it's not working? </p>