Can a page have two #(document).ready() methods?
<p>i have a page which it is having $(document).ready() method.
Inside that method one more div is there which is loading another page and that page is also having $(document).ready() method in which it is adding a click event listener to an element.
But it is saying no element is present.
can anyone help in this pls..?</p>

<p>Script which is there in the div page:</p>

<pre><code>      &lt;script&gt;
         $(document).ready(function() {
            console.log("Entered into the page");
            var video = document.getElementsByTagName('video')[0];
            console.log("Video id"+video);
            //P.E. style, let video@controls remain set if RS scripting not supported                
            //if(checkReadingSystemSupport()) video.removeAttribute('controls', 0);;
            video.addEventListener('click', function(e){
                    console.log("single click");
                    e.preventDefault();
                    togglePlay();
            }, false);

            video.addEventListener('dblclick', function(e){
                    console.log("Double Clicking");
                    e.preventDefault();
                    toggleControls();
            }, false);    

            video.addEventListener('keyup', function (e) {
                console.log("Key up");
                var k = e ? e.which : window.event.keyCode;
                if (k == 32) {
                    e.preventDefault();
                    togglePlay();
                }
            },false);
        });
    &lt;/script&gt;
</code></pre>
