(adsbygoogle = window.adsbygoogle || []).push({}); Code doesn't seem to insert into the DB

sendshout.php

    

$message = $_POST['message'];

$date = new DateTime();

$date2 = $date->format('l h:i A"';

$user = $username;



  $DB_con->prepare("INSERT INTO shouts (date, username, shout) VALUES date, :username, :shout)");

  $DB_con->execute(array(':date' => $date2, ':username' => $user, ':shout' => $message));

JS/jQuery

    

function sendShout()

{

	var message = $(".input_custom").value;

	var send = new XMLHttpRequest();

	send.open("POST", "sendshout.php", true);

	send.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

	send.send("?message="+message);

	$(".input_custom").value='';

	return false;

}

index.php

    

<form onsubmit="return sendShout();" class="form-inline">

    <div class="form-group ">

        <input type="text" class="input_custom" style="color:black;" id="Message"> <button type="submit" class="btn  btn-default">Send</button>

    </div>

</form>

Need any other information, quote me or send me a PM, thanks for any help.

    $DB_con->execute(array(':date' => $date2, ':username' => $user, ':shout' => $message));

Var_dump that line

Instead of using XMLHttpRequest, I used the AJAX post:

    

function sendShout()

{

	var message = $("#Message").val();

	var username = $("#username").html();

	$.ajax({

    type: 'POST',

    url: 'sendshout.php',

    data:

		{

			message: message,

			username: username

		 },

    success: function(response) {

        content.html(response);

				update();

    }

	});

	update();

}

Now the problem is I can't get this div to refresh.

AJAX:

    

function update()

{

	setInterval(function() {

        $.get("getshouts.php", function (result) {

            $('#shoutbox'.html(result);

        });

    }, 10000);

}

HTML:

    

<div class="shouts" id="shoutbox">				

</div>

Can you put your source up on github and link me?

I had someone help me with this, all is good now, thanks for helping.