<div class="btn-group">
  <button type="button" class="btn btn-default 1">1</button>
  <button type="button" class="btn btn-default 3">3</button>
</div>

<div class="grid-item grid-item-double-height item-1" data-button-type="interior">
  <a href="#">
    <img src="img/lazyload-ph.png" data-src="img/slurp-004.jpg" class="img-responsive lazyload"/>
  </a>
</div>

$(".btn-group").on('click', 'button', function(e) {
  var push = $(this).data("button-type");
  alert(push);
});

$(".btn-group").on('click', function(e) {
var push = $(this).data("button-type");
alert(push);
});

$(".btn-group").on('click', 'button', function(e) {
  var push = $(this).attr("data-button-type");
  alert(push);
});

$("buttn").on('click', function(e) {
  var push = $(this).data("button-type");
  alert(push);
});

$(".btn").on('click', function(e) {
  var push = $(this).data("button-type");
  alert(push);
});

function(e) {

function() {