title: Capybara can't find element by id
body: <p>I have the following code on my page:</p>
  
  <pre><code>&lt;div class="row column filter-tab"&gt;
    &lt;div id="filter-button" class="button"&gt;&lt;%= fa_icon 'filter' %&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have an rspec test that tries to do</p>
  
  <pre><code>page.find('#filter-button').click
  </code></pre>
  
  <p>I am receiving the dreaded</p>
  
  <pre><code> Capybara::ElementNotFound:
     Unable to find css "#filter-button"
  </code></pre>
  
  <p>If I put a breakpoint in the test, I can inspect the HTML and see the element is present, and I am able to interact with it.</p>
  
  <pre><code>(byebug) page.has_css?('#filter-button', visible: false)
      false
  </code></pre>
  
  <p>As well as</p>
  
  <pre><code>$('#filter-button')
  Object { length: 1, context: HTMLDocument → moves, selector: "#filter-button", 1 more… }
  </code></pre>
  
  <p>I am starting to run out of ideas.  The only thing I can think of, is that this button is inside a container that is positioned via javascript after page load (just by augmenting the top CSS value) - but even so, I would think it would still be able to be found on the page then with visible: false/visible :all.</p>