<span style="text-align:center">
  <h4 id="premsg">checking available tickets..</h4>
  <p><a href="#" type="button" id="event" class="btn btn-success">get your tickets!</a></p>
</span>
// eventPage
var eventPage = 'https://www.eventbrite.com/e/extreme-beer-fest-2016-tickets-17643961564';

// set button link URL to eventPage
$("#event")[0].href = eventPage;

// regex to grab tickets remaining element
var reg = /(\d+)(\sTickets)/;

// default to this ticket amount, when event is doesn't report ticket counts
var tr = 'no';

// do the thing
$.get('http://crossorigin.me/' + eventPage)
  .success(function(data) {
    text = $('td[itemprop="inventoryLevel"]', data).text();
    waitList = /Add to Waitlist/.exec(data);
    console.log('Waitlist: ' + waitList);
    try {
      tr = reg.exec(text)[1];
      $("#event").html(tr + ' tickets remaining');
      $("#premsg").html('hooray!');
    } catch (err) {
      if (waitList) {
        $("#premsg").html('no tickets available :`(');
        $("#event").html('get on waiting list');
      }
    }
  })
  .error(function(jqXHR, textStatus, errorThrown) {
    $("#premsg").html('failed to get live ticket count');
  });

External CSS

  1. //maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js