title: Change the value of select dropdown when checkbox is unchecked
body: <p>I have to do a event when checkbox is unchecked then select dropdown value is set to be null or default.</p>
  
  <p><strong>Html code:</strong></p>
  
  <pre><code>&lt;div class="checkbox"&gt;
      &lt;label&gt;&lt;input type="checkbox" class="tomorrow-schedule-time" name="tomorrow_8am_10am" id="tomorrow_8am_10am" value="8am-10am"&gt;8am - 10am&lt;/label&gt;
      &lt;i class="tomorrow_8am_10am box"&gt;
          &lt;select name="pref_tomorrow_8am_10am"&gt;
              &lt;option value="-1"&gt;No Preferences&lt;/option&gt;
              &lt;option value="1"&gt;1&lt;/option&gt;
              &lt;option value="2"&gt;2&lt;/option&gt;
              &lt;option value="3"&gt;3&lt;/option&gt;
          &lt;/select&gt;
      &lt;/i&gt;
  &lt;/div&gt;
  &lt;div class="checkbox"&gt;
      &lt;label&gt;&lt;input type="checkbox" class="tomorrow-schedule-time" name="tomorrow_10am_12pm" id="tomorrow_10am_12pm" value="10am-12pm"&gt;10am - 12pm&lt;/label&gt;
      &lt;i class="tomorrow_10am_12pm box"&gt;
          &lt;select name="pref_tomorrow_10am_12pm"&gt;
              &lt;option value="-1"&gt;No Preferences&lt;/option&gt;
              &lt;option value="1"&gt;1&lt;/option&gt;
              &lt;option value="2"&gt;2&lt;/option&gt;
              &lt;option value="3"&gt;3&lt;/option&gt;
          &lt;/select&gt;
      &lt;/i&gt;
  &lt;/div&gt;
  &lt;div class="checkbox "&gt;
      &lt;label&gt;&lt;input type="checkbox" class="tomorrow-schedule-time" name="tomorrow_12pm_2pm" id="tomorrow_12pm_2pm" value="12pm-2pm"&gt;12pm - 2pm&lt;/label&gt;
      &lt;i class="tomorrow_12pm_2pm box"&gt;
          &lt;select name="pref_tomorrow_12pm_2pm"&gt;
              &lt;option value="-1"&gt;No Preferences&lt;/option&gt;
              &lt;option value="1"&gt;1&lt;/option&gt;
              &lt;option value="2"&gt;2&lt;/option&gt;
              &lt;option value="3"&gt;3&lt;/option&gt;
          &lt;/select&gt;
      &lt;/i&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In above code i am append/show dropdown on click of checkbox.
  Now i have to do this when i uncheck the checkbox at that time set the value of dropdown to be null/default.</p>
  
  <p><strong>Javascript code:</strong></p>
  
  <pre><code>$('input[type="checkbox"]').click(function(){
      var inputValue = $(this).attr("id");
      $("." + inputValue).toggle();
  });
  </code></pre>
  
  <p>This is my JS code, from this i am appending the select div beside my checkbox.</p>
  
  <p>Can anyone help me for that?</p>