Getting image href with ajax

Getting image href with ajax

I have the tiny carousel plugin and I want to create a new select box when the user click one of the images in tiny carousel. I want to get the href and the select box should load automatically each time the user click a new image. Here is my code so far:

Ajax (default.js)
  1. $(".overview").click(function(){
  2.         var overview=$(".overview").val();
  3.         $.ajax({
  4.             type:"post",
  5.             url:"../../data/course.php",
  6.             data:"overview="+overview,
  7.             success:function(data){
  8.                 $("#courses").html(data);
  9.             }
  10.         });
  11.     });


course.php
  1. <?php
  2. include $_SERVER['DOCUMENT_ROOT'] . "/inc/connect.inc.php";

  4. $slider1=$_POST["overview"];
  5. echo $slider1;
  6. $result=mysql_query("SELECT * FROM courses WHERE organization='$slider1' ");

  8. echo '<option value = "">-Sciegli-</option>';

  10. while($fetch=mysql_fetch_array($result)){
  11.  echo "<option value=$fetch[id]>$fetch[name]</option>";
  12. }
  13. ?>
The click event works, but the $slider1 doesn't get any value. So basically I don't know how to get the href and add the value to $_POST['overview'];