jQuery live function not working

Question

Can Somebody please tell me why this script is not working.. Its supposed to work, but doesnt, I am getting the id correctly, but Div's are not displaying properly.. My idea is to display one div based on the click, and hide the other Div's. Please help..

Script

$(document).ready(function() {
    $("a").live("click", function(){
    var idV = $(this).attr("id"); 
    alert(idV);
    $("#"+idV+"div").css("display","block");
    return false;
    });
});

HTML

<a href="#" id="solution1">Solution 1</a>
<a href="#" id="solution2">Solution 2</a>
<a href="#" id="solution3">Solution 3</a>
<a href="#" id="solution4">Solution 4</a>
<br />

<div id="solution1" style="display:none;">Solution 1</div>
<div id="solution2" style="display:none;">Solution 2</div>
<div id="solution3" style="display:none;">Solution 3</div>
<div id="solution4" style="display:none;">Solution 4</div>

Answer 1

Your div ids are wrong. Try:

<div id="solution1div" style="display:none;">Solution 1</div>

instead of

<div id="solution1" style="display:none;">Solution 1</div>

Edit:

JSBIN: Preview

JSBIN: Source Code

<a href="javascript:;" id="solution1">Solution 1</a> 
<a href="javascript:;" id="solution2">Solution 2</a> 
<a href="javascript:;" id="solution3">Solution 3</a> 
<a href="javascript:;" id="solution4">Solution 4</a> 
<br /> 

<div> 
<div id="solution1div" style="display:none;">Solution 1</div> 
<div id="solution2div" style="display:none;">Solution 2</div> 
<div id="solution3div" style="display:none;">Solution 3</div> 
<div id="solution4div" style="display:none;">Solution 4</div> 
</div>

jquery:

$("a").live("click", function(){ 
var idV = $(this).attr("id");  

$("#"+idV+"div").siblings().hide(); 
$("#"+idV+"div").show(); 

return false; 
});

Answer 2

You're reusing ID attributes. IDs need to be unique to a document.

You can't have anchors and divs with the same ID.

Answer 3

This is my updated code

 $("a").live("click", function(){
 var idV = $(this).attr("title"); 
 $("#"+idV+".div").css("display","block");
 return false;
 });

and i have changed to the links to

<a href="#" title="solution1">Solution 1</a>

But still no luck... please help...