title: Binding events to specific selector in Odoo9 by using js
body: <p>Xml:</p>
  
  <pre><code>&lt;record id=“rec_id” model="ir.ui.view"&gt;
          &lt;field name="name"&gt;Demo&lt;/field&gt;
          &lt;field name="model"&gt;model.name&lt;/field&gt;
          &lt;field name="arch" type="xml"&gt;
              &lt;form string=“Demo”&gt;
                  &lt;header&gt;
                      &lt;h1&gt;
                          &lt;table align="center"class="Demo_class"&gt;
                              &lt;tr&gt;
                                  &lt;td align="center"&gt;
                                      &lt;input   type="button" id=“demo_id” string=“Demo Button” class=“find_button”/&gt; 
                                  &lt;/td&gt;
                              &lt;tr&gt;
                          &lt;/table&gt;
                      &lt;/h1&gt;
                   &lt;/header&gt;
              &lt;/form&gt;
          &lt;/field&gt;
          &lt;/record&gt;
  </code></pre>
  
  <p>Js:</p>
  
  <pre><code>var DemoClass = form_common.FormWidget.extend(form_common.ReinitializeWidgetMixin, {
  
  events : {
  'click .find_button':'find_button',
  },
  
  init: function() {
      this._super.apply(this, arguments);
  }
  
  find_button : function(){
      console.log("Click Event Called")
  },
  
  });
  </code></pre>
  
  <p>Issue: This is my code i just want to bind click event to specific Css selector ".find_button" but this code has not worked. Any one help me to resolve this problem.  </p>