title: How can I select children of html tag in html page?
body: <p><strong>My html file</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width,initial-scale=1"&gt;
      &lt;title&gt;@ViewBag.Title&lt;/title&gt;
  
      &lt;link href="../../bootstrap/css/bootstrap.css" rel="stylesheet" /&gt;
      &lt;link href="../../bootstrap/css/bootstrap-responsive.css" rel="stylesheet" /&gt;
      &lt;script src="../../scripts/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="../../bootstrap/js/bootstrap.js"&gt;&lt;/script&gt;
      &lt;script src="../../bootstrap/js/bootstrap-collapse.js"&gt;&lt;/script&gt;
  
  
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div class="navbar"&gt;
          &lt;div class="navbar-inner"&gt;
              &lt;div class="container"&gt;
                  &lt;a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse"&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;/a&gt;
                  &lt;img class="brand" src="../../Content/Image/UzNno.jpg" width="38" height="19" alt="Atish" /&gt;
                  &lt;div class="nav-collapse collapse navbar-responsive-collapse"&gt;
                      &lt;ul class="nav"&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Articles&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Blog&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;form class="navbar-search pull-left" action=""&gt;
                          &lt;input type="text" class="search-query span2" placeholder="Search"&gt;
                      &lt;/form&gt;
                      &lt;ul class="nav pull-right"&gt;
  
                          &lt;li class="divider-vertical"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Login&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
                  &lt;!-- /.nav-collapse --&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- /navbar-inner --&gt;
      &lt;/div&gt;
      @RenderBody()
      &lt;script src="../../Scripts/Tree.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>My js File</strong></p>
  
  <pre><code>var elements = $("html").children();
  
  for (var i = 0; i &lt; elements.length; i++) {
      alert(elements[i]);
  }
  </code></pre>
  
  <p><strong>Output</strong></p>
  
  <pre><code>[object HTMLScriptElement]
  [object HTMLScriptElement]
  [object HTMLHeadElement]
  [object HTMLBodyElement]
  </code></pre>
  
  <p><strong>I want</strong></p>
  
  <pre><code>[object HTMLHeadElement]
  [object HTMLBodyElement]
  </code></pre>