title: jquery imgAreaSelect not working in bootstrap modal window
body: <p>I am playing with jQuery imgareaselect plugin located here: <a href="https://plugins.jquery.com/imgareaselect/" rel="nofollow">https://plugins.jquery.com/imgareaselect/</a></p>
  
  <p>and works like so:</p>
  
  <pre><code>$('#img_for_select').imgAreaSelect({
      x1: 10,
      y1: 10,
      x2: 100,
      y2: 100,
      handles: true,
      parent: '#modal_content'
  });
  </code></pre>
  
  <p>here's a fiddle for pure imgAreaSelect to demonstrate that it does work
  <a href="http://jsfiddle.net/kurtgn/vaf5f9mf/" rel="nofollow">http://jsfiddle.net/kurtgn/vaf5f9mf/</a></p>
  
  <p>and here's one that triggers a modal window and tries to apply the same imgAreaSelect to the same image (inside the modal).
  <a href="http://jsfiddle.net/kurtgn/f0x8o2L7/" rel="nofollow">http://jsfiddle.net/kurtgn/f0x8o2L7/</a></p>
  
  <p>why doesn't the latter work?</p>