title: Code wont work in browser but works in snippet tool
body: <p>I can get my code to work in the snippet tool, but once I try to run this in my own browser when I click on the $12 button, no alert will show up. Also, how can I get the alert to grab the header name so it displays "You have selected 1 gram of Skywalker". </p>
  
  <p>The only buttons I have working so far are 12 and 35. 
  When a user selects a button, I want to alert them of the corresponding weight  as well as the product name 
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(".btn1").click(function () {
    var number = $(this).closest("tr").find(".weight1").text();
    var name =$(this).closest("h3").find(".itemName").text();
    alert("You have selected " + number + " of " + name);
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
   &lt;title&gt;Herb&lt;/title&gt;
   &lt;link rel="stylesheet" type="text/css" href="all.css"&gt;
  
   &lt;!--&lt;script src="herb.js"&gt;&lt;/script&gt;--&gt;
   &lt;script&gt;
    $(".btn1").click(function () {
    var number = $(this).closest("tr").find(".weight1").text();
    alert(number);
  });
   &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="nav"&gt;
  
  &lt;/div&gt;
  
  &lt;div class="center"&gt;
   &lt;label for="show-menu" class="show-menu"&gt;Show Menu&lt;/label&gt;
      &lt;input type="checkbox" id="show-menu" role="button"&gt;
          &lt;ul id="menu"&gt;
          &lt;li&gt;&lt;a href="homepage.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="deals.html"&gt;Deals!&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;
              &lt;a href="#"&gt;Menu ￬&lt;/a&gt;
              &lt;ul class="hidden"&gt;
                  &lt;li&gt;&lt;a href="herb.html"&gt;Herb&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="concentrate.html"&gt;Concentrates&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="edible.html"&gt;Edibles&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;a href="#"&gt;Login ￬&lt;/a&gt;
              &lt;ul class="hidden"&gt;
                  &lt;li&gt;&lt;a href="login.html"&gt;Login&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="signup.html"&gt;Sign up&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;a href="#"&gt;Social Media ￬&lt;/a&gt;
              &lt;ul class="hidden"&gt;
                  &lt;li&gt;&lt;a href="https://www.facebook.com" target="_blank"&gt;Facebook&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="https://www.snapchat.com/" target="_blank"&gt;Snapchat&lt;/a&gt;&lt;/li&gt;
         &lt;li&gt;&lt;a href="https://www.instagram.com" target="_blank"&gt;Instagram&lt;/a&gt;&lt;/li&gt;
         &lt;li&gt;&lt;a href="https://www.twitter.com" target="_blank"&gt;Twitter&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  
  
  &lt;div class="menuwrapper"&gt;
  &lt;div class="one"&gt;
   &lt;h3 class="itemName"&gt;Skywalker&lt;/h3&gt;
   &lt;img src="Skywalker.png" alt="Skywalker" height="250" width="232"&gt;
   &lt;table&gt;
    &lt;tr&gt;
     &lt;td class="weight1"&gt;1 gram&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input id="button1" class="btn1" type="button" value="$12"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight1"&gt;1/8 ounce&lt;/td&gt;
     &lt;td class="price"&gt; &lt;input class="btn1" type="button" name="item1" value="$35"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/4 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$75"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/2 ounce&lt;/td&gt;
     &lt;td class="price"&gt; &lt;input class="btn" type="button" name="item1" value="$140"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$275"&gt;&lt;/td&gt;
    &lt;/tr&gt;
   &lt;/table&gt;
  &lt;/div&gt;
  
  &lt;div class="two"&gt;
   &lt;h3&gt;Purple Urkle&lt;/h3&gt;
   &lt;img src="purple_urkle.jpg" alt="purple urkle" height="250" width="232"&gt;
   &lt;table&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1 gram&lt;/td&gt;
     &lt;td class="price"&gt; &lt;input class="btn" type="button" name="item1" value="$10"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/8 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$30"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/4 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$70"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/2 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$130"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$250"&gt;&lt;/td&gt;
    &lt;/tr&gt;
   &lt;/table&gt;
  &lt;/div&gt;
  
  &lt;div class="three"&gt;
   &lt;h3&gt;Blueberry&lt;/h3&gt;
   &lt;img src="Skywalker.png" alt="Blueberry" height="250" width="232"&gt;
   &lt;table&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1 gram&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$12"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/8 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$35"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/4 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$75"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/2 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$140"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$275"&gt;&lt;/td&gt;
    &lt;/tr&gt;
   &lt;/table&gt;
  &lt;/div&gt;
  
  &lt;div class="four"&gt;
   &lt;h3&gt;Lucid Blue&lt;/h3&gt;
   &lt;img src="Skywalker.png" alt="Lucid blue" height="250" width="232"&gt;
   &lt;table&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1 gram&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$12"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/8 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$35"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/4 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$75"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/2 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$140"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$275"&gt;&lt;/td&gt;
    &lt;/tr&gt;
   &lt;/table&gt;
  &lt;/div&gt;
  
  &lt;div class="five"&gt;
   &lt;h3&gt;Strawberry Cough&lt;/h3&gt;
   &lt;img src="Skywalker.png" alt="Strawberry cough" height="250" width="232"&gt;
   &lt;table&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1 gram&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$12"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/8 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$35"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/4 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$75"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/2 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$140"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$275"&gt;&lt;/td&gt;
    &lt;/tr&gt;
   &lt;/table&gt;
  &lt;/div&gt;
  
  &lt;div class="six"&gt;
   &lt;h3&gt;Cactus OG&lt;/h3&gt;
   &lt;img src="Skywalker.png" alt="Cactus OG" height="250" width="232"&gt;
   &lt;table&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1 gram&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$12"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/8 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$35"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/4 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$75"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/2 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$140"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$275"&gt;&lt;/td&gt;
    &lt;/tr&gt;
   &lt;/table&gt;
  &lt;/div&gt;
  
  &lt;div class="seven"&gt;
   &lt;h3&gt;Critical Cure&lt;/h3&gt;
   &lt;img src="Skywalker.png" alt="Critical Cure" height="250" width="232"&gt;
   &lt;table&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1 gram&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$12"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/8 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$35"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/4 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$75"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/2 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$140"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$275"&gt;&lt;/td&gt;
    &lt;/tr&gt;
   &lt;/table&gt;
  &lt;/div&gt;
  
  &lt;div class="eight"&gt;
   &lt;h3&gt;Green Crack&lt;/h3&gt;
   &lt;img src="Skywalker.png" alt="Green Crack" height="250" width="232"&gt;
   &lt;table&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1 gram&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$16"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/8 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$55"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/4 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$95"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1/2 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$185"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
     &lt;td class="weight"&gt;1 ounce&lt;/td&gt;
     &lt;td class="price"&gt;&lt;input class="btn" type="button" name="item1" value="$350"&gt;&lt;/td&gt;
    &lt;/tr&gt;
   &lt;/table&gt;
  &lt;/div&gt;
  &lt;/div&gt; &lt;!--end container --&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>