Hi, I have this code:

<input name="rz" class="required validate-string" style="margin-left:17px"      id="rz" title="Input rz value" size="23" />
<p class="msg" style="display:none;">Input rz value</p>

In the head I have:

Event.observe(window, 'load', function() {

$$("input").each(function(field){
  Event.observe(field, "focus", function(input) {
    input.adjacent('p.msg').show();
  });
  Event.observe(field, "blur", function(input) {
    input.adjacent('p.msg').hide();
  });
});

});

The idea is that when the input get the focus, the p element appears and on blur it goes away. The problem is that neither is working, and the error console shows "input.adjacent is not a function"

I'm using prototype 1.6.1 and scriptaculous 1.8.3