[jQuery] AJAX load()

[jQuery] AJAX load()


Here i have a problem: I am uing the AJAX load() and use it like this
<head>
<script type="text/javascript" src="JS/jQuery_Base.js"></script>
<script type="text/javascript" src="JS/jQuery_getParams.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('#load1').click(function(){
            $('#Details').load('episodes.html .one');
        });
        $('#load2').click(function(){
            $('#Details').load('episodes.html .two');
        });
        $('#load3').click(function(){
            $('#Details').load('episodes.html .three');
        });
    });
</script>
</head>
<body>
<input type="button" id="load1" value="load one" />
<input type="button" id="load2" value="load two" />
<input type="button" id="load3" value="load three" />
<div id="Details">
</div>
</body>
See that clicking the diffrent buttons will load diffrent content. I
plan to have upwards of 50 links and was wondering if there was a way
i could have one function to load the diffrent content. i have tried
various methods non of which have worked so i will leave this open.
thanks in advance Phil.