title: How To Do jQuery Selection For This DIV
body: <p>I have this div tags :</p>
  
  <pre><code>&lt;div id="target-share"&gt;
  &lt;a href="#" title="" id="to-chosen" class="default"&gt;&lt;span class="to-admin"&gt;Admin&lt;/span&gt;&lt;/a&gt;
  &lt;ul id="select-shareto"&gt;
  &lt;li data-val="0-1"&gt;
  &lt;a href="#" title="" class="selected"&gt;&lt;span class="to-Finance"&gt;Finance&lt;/span&gt;&lt;/a&gt;
  &lt;/li&gt;
  &lt;li data-val="1-1"&gt;
  &lt;a href="#" title=""&gt;&lt;span class="to-admin-private"&gt;Admin Private&lt;/span&gt;&lt;/a&gt;
  &lt;/li&gt;
  &lt;li data-val="1-0"&gt;
  &lt;a href="#" title=""&gt;&lt;span class="to-ceo"&gt;CEO&lt;/span&gt;&lt;/a&gt;
  &lt;/li&gt;
  &lt;li data-val="0-0"&gt;
  &lt;a href="#" title=""&gt;&lt;span class="to-ceo-private"&gt;CEO Private&lt;/span&gt;&lt;/a&gt;
  &lt;/li&gt;                                    
  &lt;/ul&gt;
  &lt;input id="shareto" type="text" value="0-1" name="shareto"&gt;
  &lt;/div&gt;&lt;!-- #target-share --&gt;
  </code></pre>
  
  <p>and this JavaScript :</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function($) {
          $('ul li').click(function() {
              $('input#shareto').val($(this).data('val'));
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>that JavaScript actually works when I'm using it with that div alone. but when I put it on my full code, that JavaScript doesn't work. I think that because there are more than one UL and LI tags on my code.</p>
  
  <p>Now, the question is... how to apply that Javascript so that it can works ONLY for that div, even though there are other UL and LI tags.</p>