title: append() is not working properly in jquery?
body: <p>I'm using append first this is copy one line but second time this is copy two line. what is the wrong?</p>
  <p>I want just single line clone on button click how can i do this?</p>
  <p>My Code:-</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function() {
    $('.add-more-room-btn').click(function() {
      let addMoreRoomClone = $(this).parents('.room-info').find('.row:first').html();
      $(this).parents('.room-info').find('.row').append(addMoreRoomClone);
    });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;div class="room-info"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-md-12"&gt;
        &lt;input type="text" placeholder="this need to copy" /&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;button class="add-more-room-btn"&gt;Add More&lt;/button&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>