title: using elevateZoom has issues with z-index on my div which must be 2 or 3
body: <p>I am using elevateZoom jquery plugin and I dynamically added an image to div and tried to use the zoom on it. But because I use z-index for my div(I have to use z-indexes) the zoom lens gets behind the div.</p>
  
  <p><strong>JavaScript</strong>:</p>
  
  <pre class="lang-js prettyprint-override"><code>$("#test").html('&lt;img id="toZoom"   data-zoom-image="./icon1.jpg" width="449px" height="600px" margin="10px" src="./icon1.jpg" alt=""/&gt;');
  
  $("#toZoom").elevateZoom({
      zoomType: "lens",
      lensShape: "rechtangle",
      lensSize: 100
  });
  </code></pre>
  
  <p><strong>HTML</strong>:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="container" style="width:100%;height:100%;position: relative;"&gt;
      &lt;div id="test" style="display:none;position:absolute;z-index:2;"&gt;
          &lt;div&gt;&lt;/div&gt;
  </code></pre>