title: Unable to locate the button
body: <pre><code>&lt;table id="charitiesToAdd" style="width: 100%;"&gt;
  &lt;div id="newProject000" style="padding-left: 10px; padding-top: 10px;"&gt;
  &lt;div id="newProject1" class="row row1" style="padding-left: 10px; padding-top: 10px;  clear: both;"&gt;
  &lt;div class="large-1 columns"&gt;
  &lt;div class="large-5 name columns" style="font-size: 18px;"&gt;Anand's Charity&lt;/div&gt;
  &lt;div class="city large-5 columns" style="font-size: 16px;"&gt;Los Angeles&lt;/div&gt;
  &lt;div&gt;
  &lt;button id="addCharityToProjectButton" class="large-1 columns" onclick="addCharity("newProject1")" style="font-size: 14px;" type="button"&gt;Add&lt;/button&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/table
  </code></pre>
  
  <blockquote>
    <p>Above is the html code from which i am trying to locate the button
    I am having button on my website, at the time of executing with webdriver.
    It is unable to locate.
    I have tried with different ways below.</p>
  </blockquote>
  
  <pre><code>driver.findElement(By.id("addCharityToProjectButton")).click();
  driver.findElement(By.xpath("//table/div/div/button[@id='addCharityToProjectButton']")).click();
  driver.findElement(By.xpath("//div/div/button[@id='addCharityToProjectButton']")).click();
  driver.findElement(By.xpath("//table/tbody/tr/td/div/div/table/tbody/tr[6]/td/input[@id='applyRuleButton']")).click();
  driver.findElement(By.xpath(".//button[contains(@onclick, 'Add')]")).click();
  </code></pre>
  
  <blockquote>
    <p>Please help me and let me know the correct way to get the solution</p>
  </blockquote>
  
  <p>I have tried three different types of code for the same,</p>