title: Unable to load json via ajax with MAMP
body: <p>I’m trying to build a portfolio with transition à la <a href="http://www.medium.com" rel="nofollow">Medium</a></p>
  
  <p>So far, I’m able to test it <a href="http://jolinmasson.com/index.php" rel="nofollow">online</a>, but when I launch it locally with MAMP, it won’t load the content. Instead, I get this error:  </p>
  
  <blockquote>
    <p>Failed to load resource: the server responded with a status of 404 (Not Found) jolinmasson.local:8888/ajax/page:6?_=1397435305669</p>
  </blockquote>
  
  <p>Why is it asking for the wrong url?</p>
  
  <p>Here’s the php/Kirby CMS part of the code: </p>
  
  <pre><code>&lt;?php
  
  $current = $pages-&gt;findByUID('home')-&gt;children()-&gt;visible()-&gt;paginate(1);
  
  foreach($current as $p){
    $data['title'] = ((string)$p-&gt;title);
    $data['client'] = ((string)$p-&gt;client);
    $data['content'] = ((string)kirbytext($p-&gt;text));
      if($p-&gt;hasImages()){
        $data['image'] = ((string)$p-&gt;images()-&gt;first()-&gt;url());
    };
    $data['projet'] = ((string)kirbytext($p-&gt;imagesprojet));
  }
  
  echo json_encode($data);
  
  ?&gt;
  </code></pre>
  
  <p>And here’s part of the JavaScript:</p>
  
  <pre><code>ArticleAnimator.contentizeElement = function($el, d){
    $el.find('.big-image').css({ backgroundImage: "url(" + d.image + ")" });
    $el.find('h1.title').html(d.title);
    $el.find('.client').html(d.client);
    $el.find('.content .text').html(d.content);
    $el.find('.projet').html(d.projet);
  }
  </code></pre>