Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
        
        <style>
            body { font: 0.8em sans-serif; }
            div { margin: 5px; }
            p { margin: 1px; }
        </style>
        
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>
            $(document).ready(function() {
                $("#agent").text(navigator.userAgent);
                
                $("input").change(function() {
                    $("#log").append("<p>" + this.id + "</p>");
                });
            });
        </script>
    </head>
    <body>
        <div id="agent"></div>
        
        <form>
            <div class="foo">
                <label for="bar">Bar</label>
                <input type="radio" id="bar" name="foo" />
            </div>
            <div class="foo">
                <label for="baz">Baz</label>
                <input type="radio" id="baz" name="foo" />
            </div>
        </form>
        
        <div id="log"></div>
    </body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
kozhevnikovpro
0viewers