Ajax result not being loaded in div

I am sending a value to a php script and want to show the result of that script inside a div on my homepage, but somehow nothing is shown. When I check the network settings I can see the value is correctly posted to the php script.

My code:

On my index:

<li class="active lidcat">
    <input type="radio" name="bedno" '.$checked.'>
    <a class="zoekvalue" href="'.$void.'">'.$ledeninfo['title'].'</a>

<div id="result">

My js file:

    $(document).ready(function () {
        $(".lidcat").click(function () {
            var zoekvalue = $(this).children(".zoekvalue").text();
            var posting = $.post("includes/leden.php", {zoekwaarde: zoekvalue});

            posting.done(function (data) {
                var content = $(data).find("#content");
// Gooi $result eerst leeg voordat de inhoud wordt getoond vanwege vorige ajax requests

And finally my php file:

<div class="blog-content" id="content">
    <div class="home-wrapper">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <h2 class="osLight">Onze leden</h2>
                <div class="row">
                    $zoekwaarde = $_POST['zoekwaarde'];
                    echo $zoekwaarde;

                    // De leden zelf worden hiermee opgehaald
                    $ledeninfo1 = "
                      SELECT ct.id, ct.catid, ct.title as content_title, ct.alias, ct.introtext, ct.state, ct.images, ct.ordering , cn.id, cn.title as category_title
                      FROM snm_content ct
                      INNER JOIN snm_categories cn
                      ON ct.catid = cn.id
                      WHERE ct.catid IN (" . $useableids . ")
                      AND ct.state = 1
                      AND ct.title LIKE %" . $zoekwaarde . "%
                      ORDER BY ct.ordering";
                    $ledeninfocon1 = $conn->query($ledeninfo1);
                    while ($ledeninfo1 = $ledeninfocon1->fetch_assoc()) {

                        $ledenimage = $ledeninfo1['images'];
                        $ledenimg = json_decode($ledenimage);

                        if ($ledenimg->image_intro != '') {
                            $image = '<img class="ledenimg" src="cms/' . $ledenimg->image_intro . '" alt="image">';
                        } else {
                            $image = '<img class="ledenimg" src="cms/images/afbeeldingen/logo.jpg" alt="image">';

                        if (strlen($ledeninfo1['introtext']) > 150) {
                            $shortstr = substr($ledeninfo1['introtext'], 0, 150) . '...';
                        } else {
                            $shortstr = $ledeninfo1['introtext'];

                        $ledenoverzicht .= '
                        <div class="col-xs-12 col-sm-4 col-md-3 col-lg-3">
                            <div class="article">
                                <a href="' . $ledeninfo1['alias'] . '.html" class="image">' . $image . '</a>
                                <div class="article-category"><a href="#" class="text-green">' . $ledeninfo1['category_title'] . '</a></div>
                                <h3 class="osLight"><a href="' . $ledeninfo1['alias'] . '.html">' . $ledeninfo1['content_title'] . '</a></h3>
                                <p>' . strip_tags($shortstr) . '</p>
                    echo $ledenoverzicht;

The php works so that is not the issue, and even if it didn't I would probably see an error in the result div, or at least the h2 tag.

The value of zoekwaarde is correctly sent it shows a 200 status to leden.php

Am I missing something? I got the code from the official jquery website.