title: Jquery OnClick not working in Firefox only
body: <p>I'm displaying a dropdown <code>&lt;ul&gt;</code> onclick, and onclick for each li in that dropdown, I'm sending the data value into a hidden field. This works perfectly in Chrome and Safari, but none of the onClick's work in Firefox. I do also have dynamic variables. I don't think it's related to the issue though.</p>
  
  <p><a href="http://codepen.io/omarel/pen/KgQbqo" rel="nofollow">http://codepen.io/omarel/pen/KgQbqo</a>
  (Pen works in Chrome, not Firefox!)</p>
  
  <p>HTML</p>
  
  <pre><code> &lt;div class="dropdown"&gt;
          &lt;input type="text" class="hide" id="formdata_price_range" name="formdata_price_range" value=""&gt;
          &lt;div class="holdalink"&gt;&lt;a href="javascript:;" id="price_range" class="btn dropdownlink"&gt;price range&lt;/a&gt; &lt;span class="icon downarrow"&gt;&lt;/span&gt;&lt;/div&gt;
          &lt;ul id="price_range-options" class="options"&gt;
              &lt;li id="option1" data-value="1,000,000-$1,500,000" class="dropdown-option" onclick="chooseDropDownOption(this);"&gt;1,000,000-$1,500,000&lt;/li&gt;
              &lt;li data-value="1,500,000-$2,000,000" class="dropdown-option" onclick="chooseDropDownOption(this);"&gt;1,500,000-$2,000,000&lt;/li&gt;
              &lt;li data-value="2,500,000-$3,000,000" class="dropdown-option" onclick="chooseDropDownOption(this);"&gt;2,500,000-$3,000,000&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>JQUERY</p>
  
  <pre><code>    $('.dropdown .dropdownlink, .dropdown .dropdownlink .thelabel').click(function () {
          var dropdownLinkID = event.target.id;
          $('#' + dropdownLinkID + '-options').toggleClass("on");
          $('#' + dropdownLinkID).toggleClass("on"); //add on to link. Only needed if using showoverlay (optional)
          $('.contactholder .overlay').fadeToggle(100); //showoverlay  (optional)
      });
  
   function chooseDropDownOption(el) {
          var dropdownUL = $(el).closest('ul').attr('id'); 
              //get value of the class to add .on to
          var selectionValue =  $(el).attr('data-value'); 
             // get data value of li selection to update label and input field
          var dropdownLinkID = dropdownUL.substr(0, dropdownUL.indexOf('-'));
          $('#' + dropdownUL).toggleClass("on");
          $('#' + dropdownLinkID).html(selectionValue);
          $('#formdata_' + dropdownLinkID).val(selectionValue);
      }
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code> .dropdown .options {
      visibility: hidden;
      opacity: 0;
  }
  .dropdown .options.on  {
      visibility: visible;
      opacity:1;
  }
  </code></pre>