问位置等值表在容器中加载更多按钮

EN

<div class="container">
<div class="row">
<h1>Isotope Image Grid</h1>
<!--<button class="" id="button">Load More</button>-->
</div>
</div>
<div class="container-fluid">
 <div class="row-fluid">
 <div class="col-xs-12">
  <div class="item">
    <img src="" alt="" />
  </div>
  <div class="item">
    <img src="" alt="" />
  </div>
  <div class="item">
    <img src="" alt="" />
  </div>
  <div class="item">
    <img src="" alt="" />
  </div>
  <div class="item">
    <img src="" alt="" />
  </div>
  <div class="item">
    <img src="" alt="" />
  </div>
  <div class="item">
    <img src="" alt="" />
  </div>
  <div class="item">
    <img src="" alt="" />
  </div>
  <div class="item">
    <img src="" alt="" />
  </div>     
</div><button id="button">Load More</button>
</div>
</div>

#button {
  display:inline-block;
 width: 25%;
 height: 180px;
 color: #fff;
 font-size: 18px;
 background-color: #C0392B;
 border: 0px;
 }

$('#portfolioGrid').on("click", ".loadMore", function(addIsotopeItems){

     addIsotopeItems.preventDefault();

     var OElem = document.getElementById("button");
     OElem.parentNode.removeChild(OElem);

     var di="<div class=\'item item-new\'><img src=\'\'></img></div><button class=\'item loadMore\' id=\'button\'>Load More</button>";

     newItems = $(di).appendTo('#portfolioGrid');
     $("#portfolioGrid").isotope('insert', newItems );
});