title: How to add variable to value of click button
body: <p>I am creating Comment Box using below code.I want to create comment box for comment but unable to assign variable value to click button.</p>
  
  <p>How can I assign <code>id="cmnt'+i+'"</code> to value of <code>$("#bn")</code> in below code</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>&lt;html&gt;
  
  &lt;head&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          $(document).ready(function() {    
              var i = 0;
  
              $("#cmnt").keypress(function(e) {
  
                  var key = e.which;    
                  i++;    
                  if (key == 13) {    
                      var data = $(this).val();
                          $("#box").append(    
                          $('&lt;div&gt;' + data + '&lt;/div&gt;' + '&lt;a href="#" id="cmnt' + i + '" &gt;Comment&lt;/a&gt;' + '&lt;div id="ct' + i + '"&gt;&lt;/div&gt;')    
                      );    
                  }
  
                  $("#bn").on("click", function() {
  
                      $(".ct").append(    
                          $('&lt;input type="text" id="scmnt' + i + '" /&gt;' + '&lt;div id="scs' + i + '"&gt;&lt;/div&gt;')    
                      );
  
                      $(".scmnt").keypress(function(e) {
  
                          var key = e.which;
  
                          if (key == 13) {
  
                              var $vv = $(this).val();    
                              $(".scs").append('&lt;div&gt;' + $vv + '&lt;/div&gt;');    
                          }
  
                      });
  
                  });
  
              });
          });
      &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;input type="text" id="cmnt" /&gt;
      &lt;div id="box"&gt;
  
      &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>