title: jQuery .click() not working (debugging)
body: <p>I am new to jQuery and am making a few <code>.click()</code> functions for my website, but no matter what I try, I can't get them to work.</p>
  
  <p>jquery:</p>
  
  <pre><code>$(document).ready(function(){
      $("#underlay-img-container-btns-add").click(function(){$("#underlay-img-container-form-file").click();});
      $("#underlay-img-container-btns-submit").click(function(){document.forms['underlay-img-container-form'].submit();$("#underlay-img-container-general_loader").css("display","inline-block");});
      $("#underlay-img-container-form-file").change(function(){readURLImg(this);});
      $("#underlay-gif-container-btns-add").click(function(){$("#underlay-gif-container-form-file").click();});
      $("#underlay-gif-container-btns-submit").click(function(){document.forms['underlay-gif-container-form'].submit();$("#underlay-gif-container-general_loader").css("display","inline-block");});
      $("#underlay-gif-container-form-file").change(function(){readURLImg(this);});
  });
  </code></pre>
  
  <p>readURLImg (displays an image preview before submission. This is part of a file uploading script.):</p>
  
  <pre><code>function readURLImg(input){if(input.files&amp;&amp;input.files[0]){var reader=new FileReader();reader.onload=function(e){$("#underlay-img-container-preview").attr("style","background-image:url("+e.target.result+");color:#fafafa");}
  reader.readAsDataURL(input.files[0]);}}
  </code></pre>
  
  <p>I am sure my ids are correct. I have been trying to find the answer for hours with no success.</p>