title: select only 1st level of nested elements
body: <p>We have the following html:</p>
  
  <pre><code>&lt;div&gt;
  &lt;div class="bord" id="1"&gt;
      parent1
      &lt;div class="bord"&gt;
          child1
          &lt;div class="bord"&gt;
              subchild1
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  -----------
  &lt;span&gt;
  &lt;div class="bord" id="2"&gt;
      parent1
      &lt;div class="bord"&gt;
          child1
          &lt;div class="bord"&gt;
              subchild1
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>need to have function that will select with call</p>
  
  <pre><code>a=$('.bord').new_function();
  </code></pre>
  
  <p>only elements marked in sample as id="1" and id="2";
  if after that:</p>
  
  <pre><code>b=a.new_function();
  </code></pre>
  
  <p>it should select child1s only</p>
  
  <pre><code>b.new_function(); 
  </code></pre>
  
  <p>should be able to select subchild1s</p>
  
  <p>I tried several ways and have no ideas now. </p>