jQuery fadeIn effect werkt niet (Opgelost)

.pitchblack {
	width:900px;
	height:900px;
	top:0px;
	left:0px;
	background:#000;
	opacity:5;
	position:absolute;
	z-index:5000;
	display:none;
}

.pitchblack {
	width:900px;
	height:900px;
	top:0px;
	left:0px;
	background:#000;
	opacity:5;
	position:absolute;
	z-index:5000;
	display:none;
}

<?php
// geldige inlog
if($_SERVER['REQUEST_METHOD'] == 'POST')
{
	$query = mysql_query('SELECT id, gebruikersnaam, wachtwoord FROM site_gebruikers
						  WHERE
						  gebruikersnaam = "'.mysql_real_escape_string($_POST['gebruikersnaam']).'"
						  AND
						  wachtwoord = "'.mysql_real_escape_string($_POST['wachtwoord']).'"');
	$fetch = mysql_fetch_assoc($query);
	$rows = mysql_num_rows($query);
	
	if($rows == 0)
	{
		?>
        
        <script language="javascript">
		/* popup laten zien */
		$('.pitchblack').fadeIn('slow', function(){
			
		});
		</script>
        
        <?php
	}
	else
	{
		echo 'INGELOGD';	
	}
}
?>

<?php
// geldige inlog
if($_SERVER['REQUEST_METHOD'] == 'POST')
{
	$query = mysql_query('SELECT id, gebruikersnaam, wachtwoord FROM site_gebruikers
						  WHERE
						  gebruikersnaam = "'.mysql_real_escape_string($_POST['gebruikersnaam']).'"
						  AND
						  wachtwoord = "'.mysql_real_escape_string($_POST['wachtwoord']).'"');
	$fetch = mysql_fetch_assoc($query);
	$rows = mysql_num_rows($query);
 
	if($rows == 0)
	{
		?>
 
        <script language="javascript">
		/* popup laten zien */
		$('.pitchblack').fadeIn('slow', function(){
 
		});
		</script>
 
        <?php
	}
	else
	{
		echo 'INGELOGD';	
	}
}
?>

<div class="pitchblack">
	<div class="popupbox">
    
    </div>
</div>

<div class="pitchblack">
	<div class="popupbox">
 
    </div>
</div>