title: enable disable select / dropdown on radio selection
body: <p>I am very new to JQuery, please consider me as a novice. I have a PHP form where in I have a Radio button. Based on the which radio is selected I would like to disable the select / dropdown. Below is the scenario:</p>
  
  <p>Radio Button: Daily and Misc
  Select: Deity Name</p>
  
  <p>If the user selects Misc then Select (Deity Name) should be disabled and vice versa.</p>
  
  <p>I have already imported the JQuery on my page.</p>
  
  <p><strong>Header.php</strong></p>
  
  <pre><code>!-- JQuery 1.12.3 JS --&gt;
  &lt;script src="../js/jquery-1.12.3.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><strong>HTML Code</strong></p>
  
  <pre><code>&lt;tr&gt;
  &lt;td class="col-md-4"&gt;&lt;label class="control-label"&gt;Pooja Type&lt;/label&gt;&lt;/td&gt;
  &lt;td class="col-md-8" align="center"&gt;
  &lt;label class='radio-inline'&gt;&lt;input type='radio' name='poojaType' value='daily' checked&gt;Daily&lt;/label&gt;
  &lt;label class='radio-inline'&gt;&lt;input type='radio' name='poojaType' value='misc'&gt;Misc&lt;/label&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td class="col-md-4"&gt;&lt;label class="control-label" for="deity"&gt;Deity Name&lt;/label&gt;&lt;/td&gt;
  &lt;td class="col-md-8"&gt;&lt;select class="form-control" name="deityName"&gt; 
  </code></pre>
  
  <p>Please advice.</p>