title: The jquery "on click" function gets triggered on key press "enter"
body: <pre><code>jQuery(document).ready(function() {
      jQuery(".multipleDataRow").on("click", "[id^='multiremove_']", function() { 
          //code here to delete
      });
  });
  </code></pre>
  
  <p>I want to avoid remove function from being called on key press "enter"</p>
  
  <p>this on click function is triggering when i focus on other textbox and key press enter button.</p>
  
  <p>the remove button is inside the container having class "multipleDataRow".</p>
  
  <p>The remove function keeps on triggering on key press enter on other fields.</p>
  
  <p>Edit: HTML from coment</p>
  
  <pre class="lang-xml prettyprint-override"><code>&lt;div class="multipleDataRow"&gt;
    &lt;label class=""&gt;Skills&lt;/label&gt;
    &lt;div class=""&gt;
      &lt;div id="" class=""&gt;
        &lt;div id="multiRow_2_Skillset" class="mBtm-5 span8 mLft-0"&gt;
          &lt;input type="text" placeholder=".." id="skill" name="skills[]" value="" class="m-wrap" readonly="readonly"&gt;
          &lt;select name="data[tmp_experiences[]]" id="tmp_years_exp_2" class="m-wrap" disabled="disabled"&gt;
            &lt;option value="1"&gt;1&lt;/option&gt;
          &lt;/select&gt; Yrs&amp;nbsp;
        &lt;/div&gt;
        &lt;div id="spanMultiremove_Skillset_2" class="mBtm-5"&gt;
          &lt;button id="multiremove_Skillset_2" skillset_skexp="59" class="btn mini red"&gt; remove &lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt; &lt;!-- Missing in comment --&gt;
  &lt;/div&gt; &lt;!-- Missing in comment --&gt;
  </code></pre>