title: Jquery : How to fetch the parents labels from clicking a Object value?
body: <p>is there any way to get the parents keys from clicking a stored object? pls look in to my html and code :</p>
  
  <p>HTML :</p>
  
  <pre><code>&lt;ul id="one"&gt;
      &lt;li&gt;0&lt;/li&gt;
      &lt;li&gt;1&lt;/li&gt;
      &lt;li&gt;2&lt;/li&gt;
      &lt;li&gt;3&lt;/li&gt;
      &lt;li&gt;4&lt;/li&gt;
  &lt;/ul&gt;
  &lt;ul id="two"&gt;
      &lt;li&gt;0&lt;/li&gt;
      &lt;li&gt;1&lt;/li&gt;
      &lt;li&gt;2&lt;/li&gt;
      &lt;li&gt;3&lt;/li&gt;
      &lt;li&gt;4&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>my Code : and what i want as well :</p>
  
  <pre><code>function makeIt(params){
             params.grandParent1.parent1.sector.click(function(){
                  console.log(sectorName,parentName,grandParentName) // how can i get this call, simply how can i fetch the key of values?
  
                  // i expected is : sectorName : sector, parentName:parent1,grandParentName:grandParent1...like this
              })
          }
          $(document).ready(function(){
              params = {
                  grandParent1:{
                      parent1:{sector:$('#one').find('li')}
                  },
                   grandParent2:{
                      parent2:{sector:$('#two').find('li')}
                   }
              }
  
              makeIt(params);
          })
  </code></pre>
  
  <p>is this possible? any good way get this done?</p>
  
  <p>here is the fiddle : <a href="http://jsfiddle.net/SUG6h/2/" rel="nofollow">http://jsfiddle.net/SUG6h/2/</a></p>