title: div is not viewd
body: <p>this is the Html :</p>
  
  <pre><code>&lt;div class="form-group col-sm-12" id="myDiv" align="right"&gt;
      &lt;input class="coupon_question" id="theControl" name="cadre_number" type="checkbox" onchange="valueChanged()" value="0" &gt; change&lt;/input&gt;
  &lt;/div&gt;
  
  &lt;div class="form-group col-sm-12" id="endDiv" style="display:none" align="right"&gt;
      &lt;span&gt;&lt;label class="radio" id="end1"&gt;date&lt;/label&gt;&lt;/span&gt;
      &lt;input class = "radio" value="2016-10-10" checked="" type="date"&gt;
      &lt;span&gt;&lt;label class="radio" id = "end3"&gt;case&lt;/label&gt;&lt;/span&gt;
      &lt;input class = "radio" type="text"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>this is the Java Script :-</p>
  
  <pre><code>function valueChanged(){
      if($('.coupon_question').is(":checked")){
          document.getElementById("endDiv").style.display = 'block';
      }
  
      else{
          document.getElementById("endDiv").style.display = 'none';
      }
  }
  </code></pre>
  
  <p>The problem is when I check the checkbox, nothing happens in the div 'endDiv'!</p>