jquery on click event input
<p>Imagine this: i have multiple divs with attr "data-question-id" and inside this divs i have one or more inputs that may or may not have a attr "has-next-question". See the example below:</p>

<pre><code>&lt;div data-question-id="5"&gt;
&lt;input type="radio" has-next-question="true" value="2"&gt; test1
&lt;input type="radio" value="3"&gt; test2
&lt;/div&gt;

&lt;div data-question-id="6"&gt;
&lt;input type="radio" has-next-question="true" value="5"&gt; test3
&lt;input type="radio" has-next-question="true" value="7"&gt; test4
&lt;/div&gt;
</code></pre>

<p>As you can see in the first div i have two inputs, but one doesnt have the attr "has-next-question". 
My question is, how can i bind a click event on the input that have a parent div with attr "data-question-id" and this div have at least an input with attr "has-next-question".</p>

<p>I already accomplish this:</p>

<pre><code>$(document).on('click', 'div[data-question-id] input', function(e) {
          alert('click');
});
</code></pre>

<p>any help?
thanks guys</p>

<p>Edit:
Changed attr "has-next-question" because its a invalid html attribute.</p>

<p>Imagine this: if i click in "test1" it should trigger the event, but if i click in "test2" it should too, because the parent div with attr "data-question-id" have at least one input with attr "has-next-question", corresponding to the "test1". If there is none input with attr "has-next-question" in the parent div, the event shouldnt trigger.</p>
