Form Elements in PanZoom

by RoryOSiochain

HTML

<script src="https://raw.githubusercontent.com/timmywil/jquery.panzoom/master/src/panzoom.js"></script>
<div class="innerzoom" id="5c" style="border: 3px solid #bbb;">  
    <a href="http://www.google.com">Google.com</a><br>
    <hr>
    <div contenteditable="true">
        Everything contained within this div should be editable in browsers that support HTML5.
    </div>
    <hr>
    <form>
        <input id="input" value="Some Value"/><br>
        <input type="radio" name="sex" value="male">Male<br>
        <input type="radio" name="sex" value="female">Female</input><br>
        <input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
        <input type="checkbox" name="vehicle" value="Car">I have a car <br>
        <hr>
    </form>
    <button onclick="input.value='Updated by button'">A Simple Value</button>
    <br>
</div>

JavaScript

(function() {
    var $panzoom = $('.innerzoom').panzoom();
})();