I'm wondering is there any way to find the HTML element on page (form, div etc) which has same `data attribute value` as the click button and next load that matched element into DOM.

```js
$(document).ready(function() {
  $(".btn").each(function() {
    $(this).click(function() {
      var btn = $(this).attr("data-value");
      alert(btn);
      //From Where I have to go to fetch the right matching element???
      var element = $(".Form").html();
      alert(element);

    });
  });
});
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
<div class="Form" data-value="1">
  <form action="#" method="post">
    <h4>I'm First Element</h4>
  </form>
</div>

<div class="Form" data-value="2">
  <form action="#" method="post">
    <h4>I'm Second Element</h4>
  </form>
</div>

<button type="button" class="btn" data-value="1">Find One</button>
<button type="button" class="btn" data-value="2">Find Two</button>
```