title: jQuery: How to open file open dialog box on click button
body: <p>How can I make a dialog box open on click of button on <code>swallow</code> rendering.
  It can be dynamically repeatable button as it is inside <code>li</code>.</p>
  
  <p><a href="https://i.stack.imgur.com/lf7zA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lf7zA.png" alt="enter image description here"></a></p>
  
  <p>//Code </p>
  
  <pre><code>var wrapper = $(this).parents(".file-upload-wrapper")[0];
  $(wrapper).find('.attachment-button-div')[0].click(function() {
   $(wrapper).find('.attachment-button')[0].trigger('click');
  
  });
  
  $(wrapper).find('.file-upload').change(function() {
   $('input[type=text]').val($(this).val());
  });
  </code></pre>
  
  <p>But it is not working as expected . Any suggestion.</p>