Liste deroulante en jquery

Bonjour,
Je ne parviens pas à afficher le titre h4 de mes photos.
Mes photos, elles, changent bien en fonction du choix de la liste déroulante mais pas mes titre h4 (c'est toujours "images4" qui s'affiche) !
Pouvez-vous m'aider à résoudre ceci ?
Merci

pics.php

<?php
include('images.php');
if (!isset($_GET['image_id'])) {
  $_GET['image_id'] = 151212;
}
else
$image = $images[$_GET['image_id']];
?>

 <h2>Photos</h2>

<select id="listimg">  
 <option value="">....</option>
 <?php foreach ($images as $image_id => $image) {
?>
 <option value="<?php echo $image_id ?>">
 <?php echo $image['titre']; ?>
 <?php 
} ?>
</option>  
</select>

<div id="container">
  <h4 class="titre"><?php echo $image['titre']; ?></h4>
    <?php echo '<img width="640" height="480" src="images/' . $_GET['image_id'] . '/1.jpg">' ?>
</div>
  
 <script type="text/javascript" src="js/jquery.js"></script>
 <script type="text/javascript">
$(function() {
  $('#listimg').change(function(e) {
  $('#container').load('pics.php?image_id=' + $('#listimg').val() + ' #container');
  });
});
</script>

et images.php

<?php
$images = array(
		'151212' => array(
		'titre' => 'image1',
	),
          '171211' => array(    
          'titre' => 'image2',
     ),
          '081111' => array( 
          'titre' => 'image3',
     ),
          '020211' => array(
          'titre' => 'image4',
     )
);
?>