Jquery + JS Manual mouseclick works but not with .click
<p>I'm building a website ontop of e-commerce framework from Sweden. For this project the client wants me to manipulate the shopping cart. In the beginning I got it working so I know there's a way to do it(I switched method, that why I lost that and some more which you can read below). But!!</p>

<p>I render everything on the run, and i outputs buttons which if I press the buttons manually they work like a charm. So when finishing my work I thought I could just make a function that finds all buttons and click them manually, but NO. That submits the form which takes me to a page that's that only there to increment cart quantity.</p>

<p>Here's the div</p>

<pre><code>&lt;form method="post" action="/shoppingcart/increase_product_count/" 
class="product_form" name="product_built_div"&gt;
&lt;input type="hidden" value="" name="product_id" id="kontroll"&gt;
&lt;input type="submit" value="Kontroll"&gt;&lt;/form&gt;
</code></pre>

<p>When looking at request they look like this if I click manually.</p>

<pre><code>1743
/legacy-template-api/conceptual-id-lookup
GET
200
OK
text/plain
cache.js:2013
Script
369 B
4 B
348 ms
347 ms
347 ms1 ms
514f4eb04b96714970000004/
/carts
POST
200
OK
application/vnd.ebutik.cart+xml
cache.js:2013
Script
1.2 KB
878 B
216 ms
214 ms
214 ms2 ms
shoppingcart/
/shoppingcart/show_widget
GET
200
OK
text/html
cache.js:2013
Script 
</code></pre>

<p>Clicking like this 
this holds the correct info, I've checked aswell as I get sent to the product increment page.</p>

<pre><code> $(this).find('input[type=submit]').click();  
</code></pre>

<p>Request data for JQUERY .click()</p>

<pre><code>increase_product_count/
/shoppingcart
POST
(pending)
</code></pre>

<p>Pending then turns into not found?</p>

<p>I did notice that i cant't find my built div in the page source I'm using chrome broswer. Is there another issue?</p>
