Im having a trouble connecting my javascript to codeigniter.. I use the base_url yet it doesnt work.. do i need some libraries to make it work.. Heres my code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>MY PAGE</title>
<meta http-equiv="Content-Language" content="English" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script language="javascript" src="<?php echo base_url();?>js/function.js"></script>
<script language="javascript" src="<?php echo base_url();?>js/checkform3.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>css/stylered.css" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>button.css" media="screen" />

</head>

<body>                
<div id="centered">
<div id="wrap">
<div id="header">
       <img src="/myci/images/headerred.jpg" background: #fff width="82%" heigth="20%" />
</div>
<div id="top"> </div>
<div id="content">
<div style="padding: 30px 100px 20px 85px; height: 290px;">
<div id="box">
<br /><br /><br /><br /><br />
<br />
              <table width="420">
                     <tr><?php echo form_open('demo/view2'); ?>
                    <td width="420" height="15" align="center">
                      <p>
                        <input type="text" name="sname" maxlength="7" size="25" class="form" autofocus="autofocus"/>
                      </p>
                      </td>
                    </tr>
                    </table>
                    <br />

                    <div>
                  <table id="table">
                    <tr>
                    <td width="413" height="35" align="center">

                    <input name="submit" type="image" src="<?php echo base_url();?>images/submit2red.png" width="30%" heigth="15%" value="submit"/>
                    <?php echo form_close(); ?>
                    </td>
                    </tr>
                    </table>
                </div>
</div>
</div>

  <div style="clear: both;"> </div>
</div>
<div id="bottom"> </div>
<div id="footer"> </div>
</div>
</form>
</body>
</html>