v7 initiate modal

Migrating from older version to v7. Older version works fine (and is live) but no longer works in v7. BTW, both v7 navigation bar login modal and regular button with modal work fine.

java to initiate modal on page:

 echo '<script>';
   echo '$(document).ready(function(){';
   echo '$(\'.myModalaudadd\').modal(\'show\')';
   echo '});';
   echo '</script>';

modal script:

<div class="modal fade myModalaudadd" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
            <div class="modal-content c-square">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                    <h4 class="modal-title" id="mySmallModalLabel">Added Event to Mylist</h4>
                </div>
                <div class="modal-body">
                    <p>
                    Event added to Mylist.</p>
                </div>
                <div class="modal-footer">								               
                    <button type="button" class="btn c-theme-btn c-btn-border-2x c-btn-square c-btn-bold c-btn-uppercase" data-dismiss="modal">Close</button>
                </div>
            </div>
            <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

Whew...finally figured it out. Problem was id. To initiate the modal on command, the id must be identified in a separate tag id="blahblah". For a button to initiate the modal, the id must be in the class tag.

Gosh it would be helpful if this can be changed so that it's consistent.