title: Hiding a Check Box in HTML
body: <p>I have these two checkboxes:</p>
  
  <pre><code>&lt;label for="cell"&gt;3. Do you currently have a cell phone? (Y/N)&lt;/label&gt;
  &lt;input type="checkbox" name="cell" name="cell" id="cell" data-on="Yes" data-off="No" /&gt;
  
  &lt;label for="blackBerry"&gt;4.If YES, is the cell phone a BlackBerry? (Y/N)&lt;/label&gt;
  &lt;input type="checkbox" name="blackBerry" name="blackBerry" id= "blackBerry" data-on="Yes" data-off="No" /&gt;
  </code></pre>
  
  <p>How can I get the second question to display on the page, ONLY when the first one is selected as Yes?</p>
  
  <p>Thanks in advance.</p>