First thing you need to do is to change the code, because it's half-jQuery, but it won't be recognized without '$' or 'jQuery'. So

jQuery('#testdiv').click(function(){ your code });

The second thing - declare your script after you've placed 'testdiv' on a page, jQuery has never worked with elements placed after the script on my site.

Your javascript is not correct; Are you trying to use jQuery or plain javascript (without a library)?

aah - I am new to JS... but thought I had that right.

I'd like to be using jQuery but that wasn't working either - what am I doing wrong?

<?php
/*
Template Name: Tester
*/
?>

<script type="text/javascript" charset="utf-8">
    jQuery('#testdiv').click(function(){
        alert('test worked!');
    });
</script>

<style type="text/css" media="screen">
    #testdiv { width:100%; height:100%; background:#ccc; }
</style>

<div id="testdiv" >
    this is a test
</div>

Excellent - thanks for the tip Fike!

im tryin to add JS to a POD PAGE, it fires normal Javascript but its not rendering the above codes i have no clue why even the error console has no errors shown? i used this --> doesnt work

jQuery('#testdiv').click(function(){
        alert('test worked!');
    });

instead used onClick = functionCall(); this works fine

so jquery somehow doesnt work?

like this? Can anyone please tell me why this doesn't work?

<?php
/*
Template Name: tester
*/
?>

<?php get_header(); ?>
<div id="main" >
    <div id="content" >
        <script type="text/javascript" charset="utf-8">
            jQuery(document).ready(function(){
                jQuery('#test').css({'background', '#ccc'});

            });
            setTimeout(alert('works'), 1000);
        </script>
        <div id="test" style="width:100%; height:100%; border: 1px solid #000;"></div>
    </div>
    <!-- end content -->
</div>

I may be wrong about this, but maybe jQuery('#test').css({'background', '#ccc'}); should really be jQuery('#test').css('background', '#ccc'); since css() isn't looking for an object here.

thanks for the suggestion but that doesn't work either - it seems that nothing written in a script block within a div works - eg. setTimeout(alert('works'), 1000);

Something I'm missing?

jquery doesnt seems to work, normal core JS works fine, i see the library being included in the source in the wordpress header, do we need to re-include it in pods, if yes may i please have the proper syntax?

No, you don't need to include it twice, it should work if you've ever placed it on a page. I have working pod pages with jQuery AJAX and tab menu.

update: but of course, you need to include wordpress header on pod pages too, or include all js and head stuff you need manually.

figured it out - it was due to the fact I was loading the page in with jQuery.load() - which strips out all inline JS!!!

@acenik Just to mention - i have two headers in my own theme - one is just title, js, css & stuff, the other one contains visible menu, headerpic, etc. Most of pod pages are opened through Shadowbox JS, so they contain the invisible data header.

<?php
/*
Template Name: pods_plugin
*/
?>
<?php get_header(); ?>
<div class="plugin">
<?php
    %getting lots of fields%
    %sanitizing lots of fields%
?>
<div class="plugininfo">
%all the output%
</div>
<?php include('pods_comments.php'); ?>
</div>
<?php get_footer(); ?>

nothing special, as you see; it is just important to include header and footer for correct wordpress work (for example, all jQuery scripts from plugins will attach to the footer hook, so they won't work if you won't incude the footer).

p.s. yes, i attach those templates as theme templates