JQuery: Trigger click event
<p>How can i trigger a click on a radio button if I click on the element <code>click</code>? The element <code>click</code> always comes after the radio button and this should work with multiple radio buttons. Any Idea how this could be done?</p>

<pre><code>&lt;div class="option"&gt;
&lt;input type="radio" class="option--input" id="radio1" name="radio"&gt;
&lt;div class="click"&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class="option"&gt;
&lt;input type="radio" class="option--input" id="radio2" name="radio"&gt;
&lt;div class="click"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p><strong>Here is my try:</strong></p>

<pre><code>$(document).on('click', '.click', function(event) {
    $(this).closest(".option--input").prev().click();
});
</code></pre>