title: jQuery change dropdown value and disable
body: <p><strong>Dropdown One:</strong></p>
  
  <pre><code>&lt;select id="parent_task" name="parent_task" class="form-control input-large"&gt;
      &lt;option data-task-hours="100" data-parent="0" data-task-category="2444" value="527"&gt; - Requirement Analysis&lt;/option&gt;
      &lt;option data-task-hours="100" data-parent="0" data-task-category="2391" value="531"&gt; - Development &lt;/option&gt;
      &lt;option data-task-hours="0" data-parent="0" data-task-category="2395" value="535"&gt; - Miscellaneous &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><strong>Dropdown Two:</strong></p>
  
  <pre><code>PHP Code
  
  &lt;select name="task_category" id="task_category"&gt;
     &lt;option value=""&gt;Please select&lt;/option&gt;
     &lt;?php foreach ($task_cat_arr as $cat_row) { ?&gt;
     &lt;option value="&lt;?php echo $cat_row['CODEID'] ?&gt;"&gt;&lt;?php echo $cat_row['DESCRIPTION'] ?&gt;&lt;/option&gt;
     &lt;?php } ?&gt;
  &lt;/select&gt;
  
  Outputs:
  
  &lt;select id="task_category" name="task_category"&gt;
     &lt;option value=""&gt;Please select&lt;/option&gt;
     &lt;option value="2444"&gt;Bug Fixing &amp; Sustenance&lt;/option&gt;
     &lt;option value="2391"&gt;Configuration Management&lt;/option&gt;
     &lt;option value="2395"&gt;Database&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>When user selects <code>Requiremnet Analysis</code> from <code>parent_task</code> dropdown, how to select <code>Bug Fixing &amp; Sustenance</code> option from <code>task_category</code> dropdown and make it <code>selected</code> and <code>disabled</code>. </p>
  
  <p>It has <code>data-task-category=2444</code> associated with it which is the same id for <code>task_category</code> dropdown.</p>
  
  <p>How can I achieve this using jQuery ?</p>