BIG-19710 Fix add to wishlist nested forms

[haubc]

Problem:

• Nested forms
  When the user submits the form, it will only submit the parent form and not the child's.
• Workaround
  Using javascript (similar to the legacy code) we submit a hidden form at a different location.

Other workarounds I thought of:

• Use absolute position so the buttons can be next to each other, but that will cause responsive-layout issues.

@mickr @christopher-hegre @bc-miko-ademagic @SiTaggart

[ghost]

id="form-wishlish-add" should be id="form-wishlist-add"

[SiTaggart]

Personally, I dislike this, because it should work without JS enabled. In this instance the wishlist button will just submit the add to cart form which is confusing. More than happy to solve this with mark-up

[ghost]

There's this:

<form method="get" action="something.php">
     <input type="text" name="name" />
     <input type="submit" id="submit-form" class="hidden" />
</form>

<label for="submit-form">Submit</label>

Never tested this method though. Also a bit dodgy, but probably better than a full JS solution.
There's also the html5 form attribute, but that has no IE support. Otherwise, it's CSS.

[haubc]

#sighmon has an idea he wants to test out, he will open another pr or commandeer this one. :)