Make a submit clickable after validations are met
<p>I have the following html:</p>

<pre><code>&lt;p&gt;Genre: {{ create_production_form.genre }}&lt;/p&gt;
&lt;p&gt;Privacy: {{ create_production_form.privacy }}&lt;/p&gt;
&lt;p&gt;&lt;input type="submit" name="next" value="Next" disabled="disabled"&gt;&lt;/p&gt;
</code></pre>

<p>How would I make the <code>next</code> button clickable only after Genre and Privacy are filled in? For example, something like:</p>

<pre><code>if ($("id_genre").val() &amp;&amp; $("id_privacy").val()) {
    $("input[name=next]").attr("disabled","")
}
</code></pre>

<p>The only thing is, it'd need to be 'live', so it can detect when all these fields are filled in.</p>
