Cannot put a button in SlickGrid cell
<p>I am trying to put a button in the cells of one of the columns and do something when it's clicked.</p>

<p>For example I add these lines to the SlickGrid example 1 (<a href="http://mleibman.github.io/SlickGrid/examples/example1-simple.html" rel="nofollow">http://mleibman.github.io/SlickGrid/examples/example1-simple.html</a>)</p>

<p>First to the column array I add:</p>

<pre><code>    {id: "Report", name: "Report", field: "Report", width: 40, sortable: true, formatter:reportFormatter}
</code></pre>

<p>then I add:</p>

<pre><code>      function reportFormatter(row, cell, value, columnDef, dataContext) {
          return "&lt;input type='button' value='show' id='reportBtn'/&gt;";
      }

      $('#reportBtn').click(function() {
          alert("hello");
      });
</code></pre>

<p>The buttons appear in the cells but the click event is not being called !
I must be doing something wrong but can't for the life of me figure it out
can anyone help ?
Thanks!</p>
