---
layout: default
---
<div class="jumbotron">
  <div class="container">
    <div class="row">
      <div class="col-md-1 ">
        <img src="/images/Intercooler_CMYK_noType_64.png" id="icon1">
      </div>
      <div class="col-md-11">
        <h1>
          <img src="/images/Intercooler_CMYK_noType_64.png" id="icon2"> intercooler<span class="intercooler-dot">.</span><span class="intercooler-js">js</span>
        </h1>

        <p>
          Making AJAX as simple as anchor tags
        </p>

      </div>
    </div>
  </div>
</div>

<div class="container">
  <div class="row">
    <div class="col-md-10 col-md-offset-1">
      <div class="alert alert-info text-center">
        <i class="fa fa-exclamation-circle fa-lg"></i> Intercooler v0.4.10 has been <a href="/download.html">released</a>!  Join <a href="https://groups.google.com/forum/#!forum/intercooler-js">our newsgroup</a> to stay up to date.
      </div>
	        <pre>
  &lt;-- This anchor tag posts to '/click' when it is clicked -->
  &lt;a ic-post-to="/click">
    Click Me!
  &lt;/a>
		      </pre>

      <div class="index-demo live-demo text-center">
        <script>
          (function(){
            var clicks = 0;
            $.mockjax({
              url : "/click",
              response: function (settings) {
                clicks++;
                if (clicks == 5) {
                  this.headers = {'X-IC-Redirect' : "/docs.html"};
                } if (clicks == 4) {
                  this.responseText = "<span>OK, enough clicking...  Check out the docs?</span>";
                } else {
                  this.responseText = '<span>You clicked me ' + clicks + ' times...</span>';
                }
              }
            });
          })()
        </script>
        <a class="btn btn-primary" ic-post-to="/click"><span>Click Me!</span></a>
      </div>

      <hr/>
    </div>
  </div>

</div>

<div class="container">
  <div class="row">

    <div class="col-md-4">
      <h2>Simple</h2>

      <p>Use familiar, declarative attributes to add AJAX to your application.</p>

    </div>

    <div class="col-md-4">
      <h2>Incremental</h2>

      <p>Use Intercooler for as much or as little of your application as you would like.</p>

    </div>

    <div class="col-md-4">
      <h2>Unobtrusive</h2>

      <p>Intercooler is a little library that plays well with the web.  Even with Angular or Ember.</p>

    </div>

  </div>
</div>