on click button not responding with keydown
<p>I have following code:</p>

<pre><code> &lt;ul&gt;
    &lt;li id="1"&gt;same html structure as below...&lt;/li&gt;
    .....
    &lt;li id="42"&gt;
    &lt;div class="input-prepend"&gt;
       &lt;button class="btn btn-small companyListBtn addMarkerBtn btn-primary btn-warning" type="button"&gt;   &lt;/button&gt;                                                                                   
       &lt;input class="input-medium companyListInput" maxlength="60" type="text"/&gt;
       &lt;button class="companyListBtn editCompanyBtn" type="button"&gt;&lt;/button&gt;
    &lt;/div&gt;
    &lt;div id="42Div" class="companyAddressDiv"&gt;
       &lt;input type="text" id="test" class="companyAddress" placeholder="Enter the Address"/&gt;
       &lt;button  class="btn btn-small compAddressSubmit" style="height:30px;margin-top:-9px;" type="button"&gt;&lt;/button&gt;
    &lt;/div&gt;
    &lt;/li&gt;
    &lt;/ul&gt;



$(document).on('click','.compAddressSubmit', function () {

    alert("clicked"); 
     //my logic going on here...couldnt mention everything...

    });
</code></pre>

<p>All the above code is working fine.... The only problems is <strong>onclick</strong> executes only when i use mouse to click on the button... but doesnt work with Keyboard Enter button... I tried
<strong>.keydown</strong>, <strong>.bind</strong> and <strong>.live</strong> and tried to use <strong>listiners</strong> but wasnt clear with them.... i know its not a big problem but couldnt get the head around.... any help please.... thank you </p>
