How to select an ID in Jquery for an if statement
<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>