title: How to click a edit button when its defined under repeated similar ids
body: <p>I have a page where many edit buttons are there. And each button have same id i.e enable_edit_content . How to click a specific button  .</p>
  
  <p>This is the code where i have to click </p>
  
  <pre><code>&lt;div class="sub-controls" id="motion_eligibility_entry-subcontrols"&gt;
  &lt;button class="btnedit" **id="enable_edit_content"** name="button" type="button"&gt;&lt;/button&gt;
  &lt;input class="btnsave submit_form" id="save_motions_eligibility_entry" name="commit" 
   type="submit" value="" disabled="disabled"&gt;
  &lt;button class="btnkill" id="cancel_content" name="button" type="button" 
   disabled="disabled"&gt;&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any help will be highly appreciated.
  I have tried but could not get my results :-</p>
  
  <pre><code> 1)   page.all(:css, '#enable_edit_content').each_with_index do |el, i|
             i += 1
             if i == 3
                       el.click
             end
          end
   2)find(:xpath, "//div[@id='motion_eligibility_entry-subcontrols']/button[1]").click
  </code></pre>