title: how can i add items to selected append list jquery
body: <p>i want to add list among selected list group.. i appended list from add button, from added list groups, if i click on any list of div,a  modal window will be opened, from there i have to add list to selected list group only, but in my code the list was appending to all list groups.. how can i add list to only selected list group.. please help me from this issue..</p>
  
  <p><a href="http://plnkr.co/edit/qaFS1Yr83IoMbLf78f8H?p=preview" rel="nofollow">DEMO</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function(){
  
      $("#btn2").click(function(){
          $("ol").append("&lt;li&gt;Appended item&lt;/li&gt;");
      });
  
      $("#add_list").on('click',function(){
          $("#list_group").append("&lt;div class="+'opener'+"&gt;&lt;h2&gt;List (//click)&lt;/h2&gt;&lt;ol&gt;&lt;li&gt;List item 1&lt;/li&gt;&lt;li&gt;List item 2&lt;/li&gt;&lt;li&gt;List item 3&lt;/li&gt;&lt;/ol&gt;&lt;/div&gt;");
      });
  
      $( "#dialog" ).dialog({
          autoOpen: false,
      });
   
      $(document).on('click','.opener',function() {
          $( "#dialog" ).dialog( "open" );
      });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"&gt;
  &lt;script src="https://code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt;
  &lt;script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"&gt;&lt;/script&gt;
  
  &lt;button id="add_list"&gt;add list&lt;/button&gt;
  
  &lt;div id="dialog" title="Add List"&gt;
      &lt;h2&gt;List items&lt;/h2&gt;
      &lt;ol&gt;
          &lt;li&gt;List item 1&lt;/li&gt;
          &lt;li&gt;List item 2&lt;/li&gt;
          &lt;li&gt;List item 3&lt;/li&gt;
      &lt;/ol&gt;
      &lt;button id="btn2"&gt;Append list items&lt;/button&gt;
  &lt;/div&gt;
  &lt;div id="list_group"&gt;
      &lt;div class="opener"&gt;
          &lt;h2&gt;List (//click)&lt;/h2&gt;
          &lt;ol&gt;
              &lt;li&gt;List item 1&lt;/li&gt;
              &lt;li&gt;List item 2&lt;/li&gt;
              &lt;li&gt;List item 3&lt;/li&gt;
          &lt;/ol&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>