title: Triggering file select window from a different place
body: <p>I have a HTML form like this one:</p>
  
  <pre><code>&lt;style&gt;.hidden { display: none; }&lt;/style&gt;
  
  &lt;form method="post" action="upload"&gt;
      &lt;div id="dropzone" class="pre-upload"&gt;
          &lt;div class="comp"&gt;
              &lt;h1&gt;Drop your images here&lt;/h1&gt;
              &lt;p&gt;or simply click to select them.&lt;/p&gt;
              &lt;input type="file" name="images" id="upload_button" class="hidden" /&gt;
          &lt;/div&gt;
              &lt;div class="fing"&gt;
                  &lt;p&gt;Tap to select your images&lt;/p&gt;
              &lt;/div&gt;
      &lt;/div&gt;&lt;!-- Pre upload div --&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I want to make <code>#dropzone</code> open up the standard file selecting window if it's clicked. It should open up <code>#upload_button</code>'s file selector specifically.</p>
  
  <p>I've tried the following, but it didn't work:</p>
  
  <pre><code>$('#dropzone').click(function(){
      $('#upload_button').click();
  });
  </code></pre>
  
  <p>As you see, I'm trying to achieve this result via jQuery.</p>
  
  <p>I thought this would trigger the window, but it's simply doing nothing.</p>
  
  <hr />
  
  <h2>@ The ones who are voting to close this down:</h2>
  
  <p>As you see, my issue was totally not answered in the other question you are linking to. This was a different issue with nesting my <code>input</code> wrongly. So, before going and blindly voting for a close, better check the provided code and try to see if the issue is somewhat different from the common. This is a site for help after all.</p>