I have this extremely simple JQuery function that's not working and I can't figure what I'm doing wrong.

The code is
Code:
	$("button").focus(function(){
//		$("div#errdisplay").html('');
		alert("focus");
		});
The "alert" is never executed. I've tried "click" and "blur" also.

Greatly appreciate any help I can get. Thank you.

The complete routine is

Code:
<?php
require_once("../externals/php/functions.php");

$Title = 'Add Marriage Records';

require("../topmenu.php");
$HOME = "../{$_SESSION['home']}";
$BIRTHHOME = "../{$_SESSION['birth']}";
$MARRIAGEHOME = "../{$_SESSION['marriage']}";
$DEATHHOME = "../{$_SESSION['obituary']}";
$HELP = "../{$_SESSION['help']}";
	
$Menu = "../menu.php";
$eMessage="";
if(isset($_GET['return'])) {
	$eMessage = ($_GET['return']);
	unset($_GET['return']);
}

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="../externals/javascript/functions.js"></script>

<link rel="stylesheet" type="text/css" href="../externals/css/reviewvrs.css" />
<link rel="stylesheet" type="text/css" href="../externals/css/menu.css" />
<link rel="stylesheet" type="text/css" href="../externals/css/typefile.css"/>
<link rel="stylesheet" type="text/css" href="../externals/css/addMarriage.css"/>
<title><?php echo $Title ?></title>
<?php
require_once($Menu);
?>

</head>
<body>
<h1><?php echo $Title ?></h1>
<script>
	

$(document).ready(function(){
	$("div#errdisplay").css({"color":"red","text-weight":"bold"});
	$("div#errdisplay").html('<?php echo $eMessage; ?>');

// Routine doesn't work.
	$("button").focus(function(){
//		$("div#errdisplay").html('');
		alert("focus");
		});

	$("input#btnAction").click(function(){
	
	var notblank = 0;
	$('input').not('#obit,#image,#btnAction').each(function(){
			if($.trim($(this).val()) != ''){
				notblank++;
			}
	});
	
	if(notblank == 0){
		$("div#errdisplay").html("Nothing entered");
		return false;
		}
	return true;
	});
});

</script>

<div id="errdisplay">&nbsp;</div>
<form enctype="multipart/form-data" action="MarriageAdd.php" method="post">
  <input type="hidden" name="data" id="data" value="datafile" />
  <input type="hidden" name="image" id="image" value="imagefile" />

  <textarea name="article" id="article" rows="6" cols="60">
</textarea>
  <div class='getfiles'>
    <div class='datafile'>
      <label>Marriage Filename </label>
      <div class="file-input-wrapper">
        <button class="btn-file-input">Select Marriage</button>
        <input type="file" name="datafile" id="datafile" onchange="loadDataFields(this)">
      </div>
    </div>
    <label>Image Filename </label>
    <div class="file-input-wrapper">
      <button class="btn-file-input">Select Image</button>
      <input type="file" name="imagefile" id="imagefile" onchange="verifyImage(this)">
    </div>
  </div>
  <h3>Issue of Newspaper</h3>
  <label>Year: </label>
  <input class="required" name="year" type="text" id="year" size="5" maxlength="4" />
  <label>Month: </label>
  <input class="required" name="month" type="text" id="month" size="4" maxlength="2" />
  <label>Day: </label>
  <input class="required" name="day" type="text" id="day" size="4" maxlength="2" />
  <label>Page: </label>
  <input name="page" type="text" id="page" size="4" maxlength="2" />
  <label>Column: </label>
  <input name="column" type="text" id="column" size="4" maxlength="2" />
  <h3>Add Marriage Information</h3>

<label id="firstlabel">First</label>
<label id="middlelabel">Middle</label>
<label id="lastlabel">Last</label>
<br />
<label id='bridelabel'>Bride</label>
<input id="bridefirst" name="bridefirst" />
<input id="bridemiddle" name="bridemiddle" />
<input id="bridelast" name="bridelast" />
<br />
<label id='groomlabel'>Groom</label>
<input id="groomfirst" name="groomfirst" />
<input id="groommiddle" name="groommiddle" />
<input id="groomlast" name="groomlast" />  
<div class='dates'>
    <label>Date of Marriage: </label>
    <input name="dom" type="text" id="dom" size="20">
  </div>


  <br />
  <label>Comments:</label>
  <br />
  <textarea name="comments" cols="75" rows="3" id="comments"></textarea>
  <br />
  <input name="btnAction" type="submit" id="btnAction" value="Save">

</form>
</body>
</html>