title: Not able to click/select element using JQuery in Laravel Dusk
body: <p>I am compiling a test case related to <code>bootstrap daterange-picker</code> in <code>Laravel Dusk</code>. In my test case I need to select two dates and click on apply button.</p>
  
  <p>My code looks like:</p>
  
  <pre><code>$browser
      -&gt;within('.drp-calendar .left', function ($browser) {
          $browser-&gt;within('.table-condensed', function ($browser) {
             $browser-&gt;within('tbody', function ($browser) {
               $browser-&gt;script("$('td[data-title=\\'r1c0\\']').click()");
              });
          });
      })
      -&gt;within('.drp-calendar .right', function ($browser) {
          $browser-&gt;within('.table-condensed', function ($browser) {
             $browser-&gt;within('tbody', function ($browser) {
               $browser-&gt;script("$('td[data-title=\\'r3c4\\']').click()");
              });
          });
      })
      -&gt;click('.drp-buttons &gt; .applyBtn');
  </code></pre>
  
  <p>I am not getting any error but when apply button is clicked it is not selecting the desired dates. Or you can say the <code>JQuery</code> part is not click. Since I'm using external bootstrap package so I am unable to define dusk selectors, to achieve this I'm trying to click through data attributes.</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>I took screenshot just above the jQuery statement and I can see my calendar is properly visible.</p>
  
  <p><a href="https://i.stack.imgur.com/EW7Lq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EW7Lq.png" alt="enter image description here"></a></p>
  
  <p>Any suggestions are welcomed. Thanks</p>