<script type="text/javascript">
            $(document).ready(function () {
                $("[rel=tooltip]").tooltip(); // Load the tooltip plugin

                $('#refresh').click(function(){
                    alert('Estou sendo clicado!');
                    $.ajax({
                        url: '<?php echo base_url(); ?>site/index/',
                        sucess: function(ret) {
                            $('#picture').html(ret);
                        }
                    })
                })
            });
        </script>

<!-- HTML -->
            <div class="row-fluid">
                <?php
                foreach ($query->result() as $row)
                {
                ?>
                <div class="span6 well" class="picture">
                    <h1><?php echo $row->pic_title; ?></h1>
                    <img src="<?php echo $row->pic_url; ?>" border="0" />
                    <span style="float: left; margin: 20px 0 0 0;">
                        <a href="#" rel="tooltip" title="Like!" class="btn btn-large btn-success"> <i class="icon-thumbs-up icon-white"></i> </a>
                        <a href="#" rel="tooltip" title="Hate!" class="btn btn-large btn-inverse"> <i class="icon-thumbs-down icon-white"></i> </a>
                        <a href="#" rel="tooltip" title="Report" class="btn btn-large btn-danger"> <i class="icon-eye-open icon-white"></i> </a>
                    </span>
                </div>

                <?php
                }
                ?>
                <div class="span6 well">
                    <a rel="tooltip" title="More puke, please" class="btn btn-large" id="refresh"> <i class="icon-refresh"></i> </a>
                    <a href="<?php echo base_url(); ?>upload/" rel="tooltip" title="I want to upload my pic" class="btn btn-large btn-warning"> <i class="icon-upload"></i> </a>
                </div>
            </div>