Untitled

standalone form below

<html>
    <head>
        <title>Form 1 - Issue Identification</title>
        <link href="css/styleSheet.css" rel="stylesheet" type="text/css" />
        <script src="js/jquery.js" type="text/javascript"></script>
        <script src="js/jquery.metadata.js" type="text/javascript"></script>
        <script src="js/jquery_masked_input.js" type="text/javascript"></script>
        <script src="js/jquery.validate.js" type="text/javascript"></script>
        <script src="js/validate_watershed_forms.js" type="text/javascript"></script>
    </head>
    <body>


         <form id="issue_identification" action="" method="post">

            <div class="error" style="display:none;">
                <img src="images/warning.gif" alt="warning" width="24" height="24" style="float:left; margin: -5px 10px 0px 0px;"/>
                <span></span>. <br clear="all" />
            </div>
            <table cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td class="label" style="vertical-align:top; padding-top: 8px;"></td>
                    <td class="field" style="font-weight: normal">
                        <div class="personal_information_control">
                            <input type="checkbox" name="personal_information" id="personal_information" checked="checked" class="toggleCheck"  style="width: auto;" tabindex="1"/>
                            <label for="personal_information" style="cursor:pointer">I do not want to include my personal information.</label>
                        </div>
                    </td>
                </tr>
                <!-- generic personal information section -->
                <tr class="subTable">
                    <td colspan="2"
                        <div style="background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 10px;" class="subTableDiv">
                            <table cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <td class="label"><label for="first_name">First Name:</label></td>
                                    <td class="field">
                                        <input maxlength="30" name="first_name" type="text" class="personal_information_required" tabindex="2" value="" />
                                    </td>
                                </tr>
                                <tr>
                                    <td class="label"><label for="last_name">Last Name:</label></td>
                                    <td class="field">
                                        <input maxlength="50" class="personal_information_required" name="last_name" type="text" tabindex="3" value="" />
                                    </td>
                                </tr>
                                <tr>
                                    <td class="label"><label for="email">Email:</label></td>
                                    <td class="field">
                                        <input type="text" maxlength="50" class="personal_information_required" name="email" value="" tabindex="4"/>
                                        <div class="formError"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="label"><label for="phone">Phone:</label></td>
                                    <td>
                                        <input maxlength="14" class="personal_information_required" name="phone" value="" tabindex="5"/>
                                    </td>
                                </tr>
                            </table>
                        </div>
                     </td>
                </tr><!-- end generic personal information section -->

                <!-- form specific text fields -->
                <tr>
                  <td class="label">
                    <label for="issue_comments">
                        I'd like to protect or I'm concerned about this land or water related issue in
                        my watershed:
                    </label>
                  </td>
                  <td class="field">
                    <textarea class="required" id="issue_comments" name="issue_comments" tabindex="6"></textarea>
                  </td>
                </tr>
                <tr>
                    <td class="label">
                        <label for="location">Please indentify the location or waterbody.</label>
                    </td>
                    <td class="field">
                        <input type="text" class="required" id="location" name="location" tabindex="7"></textarea>
                    </td>
                </tr>
                <tr>
                    <td class="label">
                        <label for="success_measure">
                            We've been successful when:
                        </label>
                    </td>
                    <td>
                        <textarea name="success_measure" id="success_measure" tabindex="8" class="required"></textarea>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="buttonSubmit">
                            <span></span>
                            <input class="formButton" type="submit" value="Finish" style="width: 180px" tabindex="9"/>
                        </div><br clear="all"/>
                    </td>
                </tr>
            </table>
        </form>
    <br clear="all"/>


    </body>
</html>

html file (I want to embed the form above into this page - code below) -

<html>
 <head>
    jquery.js
    other plugins that are needed for page (ie accordion plugin)
 </head>
<body>
    <div id="form_container"></div>

                        <script type="text/javascript">
                            $(function() {
                                $("#form_container").load("../watershed_forms/form1_issue_identification.html");
                            });
                        </script>


</body>
</html>