title: Show drop down values of a select based on another select
body: <p>I have a table for 'Projects' as below</p>
  
  <pre><code>Project_ID   |   Client_ID
  ---------------------------
      P1              C1
      P2              C1
      P3              C2
      P4              C2
      P5              C3
      P6              C3
  </code></pre>
  
  <p>I have a <strong>select id="1"</strong> that shows all the Client ID's.</p>
  
  <p>I'm showing an another <strong>select id="2"</strong> to show all the projects assigned to the client ID's.</p>
  
  <p>Basically i want to show <strong>option</strong> values for <strong>select id="2"</strong> based on the selected value from <strong>select id="1"</strong>.</p>
  
  <p>Example if some one selects</p>
  
  <pre><code>&lt;option value="C3"&gt;C3&lt;/option&gt;
  </code></pre>
  
  <p>Then below should be there</p>
  
  <pre><code>&lt;select id="2"&gt;
      &lt;option value="P5"&gt;P5&lt;/option&gt;
      &lt;option value="P6"&gt;P6&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Im thinking Ajax is the answer but i dont know a proper way to do it.</p>