title: How to select an ID in Jquery for an if statement
body: <p>I want to use a form selector as shown, and depending on the option selected, a different output. Simple, yet I am not getting it to work. Here is what I have.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
  &lt;script src="https://code.jquery.com/jquery-1.12.4.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $(document).ready(function(){ 
  
      if ("#1") {
          $("#display").html("&lt;table width="221"&gt;&lt;tbody&gt;&lt;tr class="su-even"&gt;&lt;td width="64"&gt;&lt;strong&gt;Level&lt;/strong&gt;&lt;/td&gt;&lt;td width="64"&gt;&lt;strong&gt;Damage&lt;/strong&gt;&lt;/td&gt;&lt;td width="93"&gt;&lt;strong&gt;Crown Tower Damage&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width="64"&gt;1&lt;/td&gt;&lt;td width="64"&gt;80&lt;/td&gt;&lt;td width="93"&gt;32&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;");
      } 
      if ("#2") {
          $("#display").html("&lt;table width="221"&gt;&lt;tbody&gt;&lt;tr class="su-even"&gt;&lt;td width="64"&gt;&lt;strong&gt;Level&lt;/strong&gt;&lt;/td&gt;&lt;td width="64"&gt;&lt;strong&gt;Damage&lt;/strong&gt;&lt;/td&gt;&lt;td width="93"&gt;&lt;strong&gt;Crown Tower Damage&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width="64"&gt;2&lt;/td&gt;&lt;td width="64"&gt;88&lt;/td&gt;&lt;td width="93"&gt;36&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;");
      }
  
  });
  &lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div&gt;
     &lt;form id="option"&gt;
    &lt;label for="level"&gt;Level at a glance:&lt;/label&gt;
    &lt;select name="level" id="level"&gt;
      &lt;option id="1"&gt;1&lt;/option&gt;
      &lt;option id="2"&gt;2&lt;/option&gt;
  
    &lt;/select&gt;
  &lt;/form&gt;
  &lt;div id="display"&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>