jquery pan zoom not working inside colorbox
<p>I have used jquery panzoom extracted from this site <code>https://github.com/timmywil/jquery.panzoom</code> inside the color box. The zoom option doesn't work inside the color box. If i placed it outside the popup it works fine. How to fix this?</p>

<p>Internal Script:</p>

<pre><code>&lt;script&gt;
      $("#panzoom").panzoom({
        $zoomIn: $(".zoom-in"),
        $zoomOut: $(".zoom-out"),
        $zoomRange: $(".zoom-range"),
        $reset: $(".reset")
      });
    &lt;/script&gt;
</code></pre>

<p>Html:</p>

<pre><code>&lt;section&gt;
        &lt;div id="panzoom" style="text-align: center"&gt;
        &lt;img src="http://blog.millermedeiros.com/wp-content/uploads/2010/04/awesome_tiger.svg" width="300" height="300"&gt;
      &lt;/div&gt;
    &lt;/section&gt;
      &lt;button class="zoom-in"&gt;Zoom In&lt;/button&gt;
      &lt;button class="zoom-out"&gt;Zoom Out&lt;/button&gt;
      &lt;input type="range" class="zoom-range"&gt;
      &lt;button class="reset"&gt;Reset&lt;/button&gt;
</code></pre>
