<div class="col-md-4">
  <div class="thumbnail">
    <img class='img-responsive' src="https://c1.staticflickr.com/7/6048/6324416396_5f48f83e7f_b.jpg" alt="Valerie Head Shot" class="img-rounded"></img>
    <div class="caption">
      <h3>Prof. Yreina D. Cervantez</h3>
      <p><a href="javascript:void(0);" class="btn btn-primary" role="button" data-artist="cervantez">Words</a>  <a href="#overlay" class="btn btn-default" role="button">Button</a>
      </p>
    </div>
  </div>
</div>

<script>
  $(document).ready(function() {
    $('.btn-primary').click(function() {
      $.colorbox({
        href: "/artists/"+$(this).attr("data-artist"),
        opacity: 0.5
      });
    });
  });
</script>