<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="AnEvenBetterControl.ascx.cs" Inherits="namespacing_javascript_post1.AnEvenBetterControl" %>

<p>
    An even better control
</p>
<div id="<%=ControlNamespace%>_button" class="btn btn-default">Submit</div>

<p>
    <span id="<%=ControlNamespace%>_label1"></span>
</p>

<script>

    var namespace = '<%=ControlNamespace%>';

    (function (namespace) {

        var module = (function () {
            var app = {};

            app.submitButtonClick = function () {

                $('#' + namespace + '_label1').text('I have been clicked');

            };

            app.namespace = function (ns) {
                window[ns] = app;
                window.module = null;
            }

            return app;
        }());

        $('#' + namespace + '_button').click(function (event, args) {

            window.<%=ControlNamespace%>.submitButtonClick();
        });

        module.namespace(namespace);

    })(namespace);
</script>